求一个jquery调用xml的案例,要求简单易修改,且兼容各大浏览器,起码是ie和firefox

2024-12-04 05:57:22
推荐回答(3个)
回答1:

XML内容:



描述一


描述二


描述三


demo
自定义显示内容



javascript脚本:
$.ajax({
type: 'xml',
url: './xml/data.xml',
error: function(res){
alert("读取错误!");
},
success: function (dom, status, response){
xmlData = $(response.responseText);
if(xmlData){
// children需要一级一级的查找
alert("使用children查找子节点:" + xmlData.children("demo").children("custom").html());
// find直接在所有子节点查找,但可能会捕捉到多个不同的节点
alert("使用find模糊查找子节点:" + xmlData.find("custom").html());
// 通过属性选择器定位子节点
alert("通过属性选择器定位子节点:" + xmlData.find("custom[id='customId']").html());
// 为了明确要找的节点,需要对选择器做出明确规定,即只找demo下的custom节点
alert("使用find精确查找子节点:" + xmlData.find("demo custom").html());
// xml支持定义中文属性
alert("节点名可随意定义:" + xmlData.children("demo").attr("自定义属性"));

alert("求节点内容:" + xmlData.find("book:eq(0)").html());
alert("求节点title属性:" + xmlData.find("book:eq(0)").attr("title"));
alert("求节点image属性:" + xmlData.find("book:eq(0)").attr("image"));
// 以下注释与上同理
// alert(xmlData.children("book:eq(1)").html());
// alert(xmlData.children("book:eq(2)").html());
}
}
});
你看看能看懂不! 这就是一他妈废贴,都不给选答案的人,大家一起凸他!

回答2:

$.ajax({

type: 'GET',

url: 'data.xml',

success: function (xmlHttp) {

alert($(xmlHttp)); //就可以遍历数据了

}

});

回答3:

  您好!很高兴为您答疑!

  jquery同步调用后台XML数据,详细介绍请您查看:http://wulinhaoxia5.iteye.com/blog/1574060
  您可以在火狐社区了解更多内容。希望我的回答对您有所帮助,如有疑问,欢迎继续在本平台咨询。