jQuery加载及解析XML文件的方法实例分析

时间: 作者:活没

  

[jQuery,加载,解析,XML文件]jQuery加载及解析XML文件的方法实例分析

  

本文实例讲述了jQuery加载及解析XML文件的方法。分享给大家供大家参考,具体如下:  

  

1、简述  

  

XML(eXtensible Markup Language)即可扩展标记语言,与HTML一样,都是属于SGML标准通用语言。

  

  

2、 Content-Type  

  

很多情况下XML文件不能正常解析都是由于Content-Type没有设置好。如果Content-Type本身就是一个XML文件则不需要设置;如果是由后台程序动态生成的,那么就需要设置Content-Type为“text/xml”,否则jQuery会以默认的“text/html”方式处理,导致解析失败。以下是几种常见语言中设置Content-Type的方式。

  

  

header("Content-Type:text/xml"); //PHP  
  response.ContentType = "text/xml"; //ASP  
  response.setContentType("text/xm"); //JSP
  

  

3、创建实例XML文档(Student.xml)  

  
  
        peter  1      ken  2      
  
  

4、获取XML  

  
  
  $(document).ready(function() {  $.ajax({  url: '/xml/Student.xml',  type: 'GET',  dataType: 'xml',  timeout: 1000, //设定超时  cache: false,  //禁用缓存  error: function(xml) {  alert("加载XML文档出错!");  },  success: GetStudentComplete  //设置成功后回调函数  });  });  
  
  

通过JQuery的Ajax函数进行读取。

  

  

5、 解释XML  

  
  
  //获取XML成功后回调函数  function GetStudentComplete(xml) {  $(xml).find("student").each(function(i) {   //查找所有student节点并遍历  var id = $(this).children("id");     //获得子节点  var id_vaule = id.text();         //获取节点文本  var email_vaule = $(this).attr("email"); //获取节点的属性  alert(id_vaule);  alert(email_vaule);  });  }  
  
  

解析XML文档与解析DOM一样,也可以用find()、children()等函数来解析和用each()方法来进行遍历,另外也可以用text()和attr()方法来获取节点文本和属性。

  

  

PS:这里再为大家提供几款关于xml操作相关在线工具供大家参考使用:  

  

在线XML/JSON互相转换工具:  
  
  

  

在线格式化XML/在线压缩XML:  
  
  

  

XML在线压缩/格式化工具:  
  
  

  

xml代码在线格式化美化工具:  
  
  

  

更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQuery操作xml技巧总结》、《jQuery操作json数据技巧汇总》、《jQuery扩展技巧总结》、《jQuery常用插件及用法总结》、《jQuery常见经典特效汇总》及《jquery选择器用法总结》  

  

希望本文所述对大家jQuery程序设计有所帮助。

  

(责任编辑:admin)

推荐图片Related

相关文章Related

查看更多热门新闻


首页 | js代码 | jQuery特效 | 其他代码 | 关于我们

Copyright © 2010-2019 菲娱国际平台 版权所有

系统要求:本站自适应各终端浏览器分辨率

请使用Google、Firefox、IE9、百度浏览器登录网站

网站地图 | RSS订阅 | 菲娱国际平台