jquery里用ajax方法加载xml文件,并读取xml里的数据的方法[附在线演示]推荐 亲测 原创 收藏

文章标签: jquery xml jquery ajax
  • :
  • 03-15 21:41
  • :
  • 19次
  • :
  • 0条
  • 2赞

简介本文讲的是在jquery里,用ajax的方法来加载指定的xml文件,并读取xml文件里的数据内容,显示到网页里的方法步骤,并且还附带完整的在线实例演示。l

xml文件是一个非常有用的储存数据的文件,并且是储存在客户端的,我们可以把一些常用的数据保存到xml文件里,比如栏目类别信息,网站热门搜索关键词的信息等保存到xml文件里,这样当网页被访问时,此xml文件只要被读取访问一次,就会保存到客户端的缓存里,再次访问的时候就不需要再到服务器端去读取和下载,大大提高了网站访问的速度,和客户的浏览体验。

本文站长就来和大家说说如何在jquery里,用ajax异步的方式来加载xml文件,并读取xml文件里的数据内容,显示到网页里。

下面是站长做的一个非常完整的在线实例,大家可以先看一下:

jquery用ajax加载xml文件的在线演示

下面站长来和大家详细讲解一下其中的核心代码:

<script language="JavaScript">
$("button").click(function(){	
var xml="/Html/aijquery/xml.xml";	
$.ajax({		
    url: xml,		
    dataType: "xml", //这里注意的是应该加上这个  		
    success: function(xml) {			
        $(xml).find("msglist > msg").each(function() {				
            var ip=$(this).find("ip").text();				
            var time=$(this).find("time").text();				
            $("div#aijquery").append(ip+":"+time+"<br>");			
        });		
    }	
});
});
</script>

从上面的代码不难看出,jquery里用ajax来加载xml文件,和普通的ajax请求http页面相差不大,只用把ajax里的dataType参数设置为xml就行了!



您正在找的文章可能是:
热点文章
热点图文
最近更新
  • Copyright © aijquery.cn 爱jQuery-完全免费的jquery交流学习网站
  • 豫ICP备17037455号-1
  • 2018-10-26 17:15:50