求一个jquery调用xml的案例,要求简单易修改,且兼容各大浏览器,起码是ie和firefox 10
贴上代码还是发我邮箱都可以我的邮箱是340597900@qq.com。贴代码的话请写明都是哪个文件的。有好用的一定加分...
贴上代码还是发我邮箱都可以我的邮箱是340597900@qq.com。贴代码的话请写明都是哪个文件的。有好用的一定加分
展开
3个回答
展开全部
XML内容:
<?xml version="1.0" encoding="utf-8" ?>
<books>
<book title="标题一" image="images/1.jpg">
<description>描述一</description>
</book>
<book title="标题二" image="images/2.jpg">
<description>描述二</description>
</book>
<book title="标题三" image="images/3.jpg">
<description>描述三</description>
</book>
<demo 自定义属性="这里可以自定义值" image="demo/1.jpg">
<description>demo</description>
<custom id="customId">自定义显示内容</custom>
</demo>
</books>
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());
}
}
});
你看看能看懂不! 这就是一他妈废贴,都不给选答案的人,大家一起凸他!
<?xml version="1.0" encoding="utf-8" ?>
<books>
<book title="标题一" image="images/1.jpg">
<description>描述一</description>
</book>
<book title="标题二" image="images/2.jpg">
<description>描述二</description>
</book>
<book title="标题三" image="images/3.jpg">
<description>描述三</description>
</book>
<demo 自定义属性="这里可以自定义值" image="demo/1.jpg">
<description>demo</description>
<custom id="customId">自定义显示内容</custom>
</demo>
</books>
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());
}
}
});
你看看能看懂不! 这就是一他妈废贴,都不给选答案的人,大家一起凸他!
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
$.ajax({
type: 'GET',
url: 'data.xml',
success: function (xmlHttp) {
alert($(xmlHttp)); //就可以遍历数据了
}
});
type: 'GET',
url: 'data.xml',
success: function (xmlHttp) {
alert($(xmlHttp)); //就可以遍历数据了
}
});
追问
不是输出全部,我是想要能根据xml标签选择性输出的那种
追答
那就你继续选呀
alert($(xmlHttp).find('list add:[key=bbb]').text());
和选择HTML DOM一样
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
您好!很高兴为您答疑!
jquery同步调用后台XML数据,详细介绍请您查看:http://wulinhaoxia5.iteye.com/blog/1574060
您可以在火狐社区了解更多内容。希望我的回答对您有所帮助,如有疑问,欢迎继续在本平台咨询。
jquery同步调用后台XML数据,详细介绍请您查看:http://wulinhaoxia5.iteye.com/blog/1574060
您可以在火狐社区了解更多内容。希望我的回答对您有所帮助,如有疑问,欢迎继续在本平台咨询。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询