本文实例讲述了jQuery读取XML文件内容的方法。分享给大家供大家参考。具体实现方法如下： 复制代码 代码如下: jQuery读取XML文件 <br /> h1{颜色：绿色；文本对齐：中心；}<br /> 正文{ 背景颜色:#EEEEEE ;字体系列：微软雅黑； }<br /> #showresult{宽度：600px;溢出：隐藏;}<br /> </风格><br /> <脚本类型=“text/javascript”src=“jquery/1.4.4/jquery.min.js”></script> <br /> <脚本类型=“text/javascript”><br /> $(文档).ready(function () {<br /> $("#read").click(function () {<br /> $.ajax({<br /> //请求方式为get<br /> 类型：“GET”，<br /> //xml文件位置<br /> url: "sitemap.xml",<br /> //返回数据格式为xml<br /> 数据类型：“xml”，<br /> //请求成功完成后要执行的方法<br /> 成功：函数（xml）{<br /> $(xml).find("url").each(function (i) {<br /> //i从0开始，累加，如果要显示所有数据，将判断去掉即可<br /> 如果 (i < 10) {<br /> //链接地址<br /> var location = $(this).find("loc").text();<br /> // 显示文字<br /> var text = $(this).find("loc").text();<br /> //动态加载方法:链接地址<br /> $("<a>").attr("href", 位置)<br /> // 显示文字<br /> .text(文本)<br /> //设置样式<br /> .css({ "width": "700px", "float": "left", "margin-bottom": "5px" })<br /> //加载到div<br /> .appendTo("#showresult");<br /> }<br /> })<br /> }<br /> });<br /> return false;<br /> });<br /> });<br /> </script><br /> </head><br /> <body><br /> <div id="showresult"><br /> <h1>jQuery读取XML文件</h1><br /> <a id="read" href="#" style="width:700px;">点击读取XML</a><br /> </div><br /> </body><br /> </html> 希望本文所述对大家的jQuery程序设计有所帮助。
