ajax 读取xml到数组,jQuery+ajax读取并解析XML文件的方法
本文实例讲述了jQuery+ajax读取并解析XML文件的方法。分享给大家供大家参考,具体如下:
ajax.xml:
zhangsan
1
lisi
2
demo.html:
/p>
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
加载XML$(function() {
$("button").click(function(){
$.ajax({
url:'xml/ajax.xml',
type: 'GET',
dataType: 'xml',
timeout: 1000,
cache:false,
error: function(xml){
alert('加载XML文档出错');
},
success: function(xml){
//建立一个代码片段
var frag=$("
//遍历所有student节点
$(xml).find("student").each(function(i){
//获取id节点
var id=$(this).children("id"),
//获取节点文本
id_value=id.text(),
//获取student下的email属性。
email=$(this).attr("email");
//构造HTML字符串,通过append方法添加进之前建立代码片段
frag.append("
"+id_value+"-"+email+"");});
//最后得到的frag添加进HTML文档中
frag.appendTo("#load");
}
});
});
});
加载
效果图:
希望本文所述对大家jQuery程序设计有所帮助。