怎么在jQuery中利用Ajax读取XML数据

怎么在jQuery中利用Ajax读取XML数据?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。

具体如下:

<%@PageLanguage="C#"AutoEventWireup="true"CodeFile="Default.aspx.cs"Inherits="JqueryAjax_Default"%>



www.jb51.netjQuery使用ajax获取xml




$(document).ready(function(){
$("#Display").click(function(){
$("#message").html('');
$.ajax({
type:"GET",
url:"Friend.xml",
dataType:"xml",
success:function(ResponseText){
vartable="firstnamelastnamecity";
$(ResponseText).find('friend').each(function(){
varfirst=$(this).find('firstName').text();
varlast=$(this).find('lastName').text();
varcity=$(this).find('city').text();
table+=""+first+""+last+""+city+"";
})
table+="";
$("#message").append(table);
}
});
});
});





Friend.xml:





Guo
Hu

Shanghai PuDong
Lei Hu
hubei xiantao
JunWen Li
hubei wuhan
Jinhao Liu
ShanXi Taiyuan
Cheng Fang
GuangDong GuangZhou

运行结果:

看完上述内容,你们掌握怎么在jQuery中利用Ajax读取XML数据的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注恰卡编程网行业资讯频道,感谢各位的阅读!

发布于 2021-04-08 13:38:07
分享
海报
177
上一篇:怎么在d3.js中自定义一个多y轴折线图 下一篇:如何在python中使用requests上传多个文件
目录

    忘记密码?

    图形验证码