html读取文件xml文件内容,jQuery读取XML文件内容的方法

本文实例讲述了jQuery读取XML文件内容的方法。分享给大家供大家参考。具体实现方法如下：

jQuery读取XML文件

h1{color:Green;text-align:center;}

body{ background-color:#EEEEEE ; font-family:微软雅黑; }

#showresult{width:600px;overflow:hidden;}

$(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();

//动态加载方法:链接地址

$("").attr("href", location)

//显示文字

.text(text)

//设置样式

.css({ "width": "700px", "float": "left", "margin-bottom": "5px" })

//加载到div

.appendTo("#showresult");

}

})

}

});

return false;

});

});

jQuery读取XML文件

点击读取XML

希望本文所述对大家的jQuery程序设计有所帮助。