ajax读取html文件,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程序设计有所帮助。