- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a >
- h1{color:Green;text-align:center;}
- body{ background-color:#EEEEEE ; font-family:微软雅黑; }
- #showresult{width:600px;overflow:hidden;}
- </style>
- <script type="text/javascript" src="<a href="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js">http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
- <script type="text/javascript">
- $(document).ready(function () {
- $("#read").click(function () {
- $.ajax({
- //请求方式为get
- type: "GET",
- //xml文件位置
- url: "sitemap.xml",
- //返回数据格式为xml
- dataType: "xml",
- //请求成功完成后要执行的方法
- success: function (xml) {
- $(xml).find("url").each(function (i) {
- //i从0开始,累加,如果要显示所有数据,将判断去除即可
- if (i < 10) {
- //链接地址
- var location = $(this).find("loc").text();
- //显示文字
- var text = $(this).find("loc").text();
- //动态加载方法:链接地址
- $("<a>").attr("href", location)
- //显示文字
- .text(text)
- //设置样式
- .CSS({ "width": "700px", "float": "left", "margin-bottom": "5px" })
- //加载到div
- .appendTo("#showresult");
- }
- })
- }
- });
- return false;
- });
- });
- </script>
- </head>
- <body>
- <div id="showresult">
- <h1>jQuery读取XML文件</h1>
- <a id="read" href="#" style="width:700px;">点击读取XML</a>
- </div>
- </body>
- </html>
- //该片段来自于http://www.codesnippet.cn/detail/080520133209.html
来源: http://www.codesnippet.cn/detail/080520133209.html