JQuery加载并解析XML

原文:http://blog.csdn.net/pan_junbiao/article/details/7441003

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的方式。

[plain] view plain copy
 
  1. header("Content-Type:text/xml");     //PHP  
  2. response.ContentType = "text/xml";   //ASP  
  3. response.setContentType("text/xm");  //JSP  

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

[html] view plain copy
 
  1. <?xml version="1.0" encoding="utf-8" ?>  
  2. <stulist>  
  3.   <student email="[email protected]">  
  4.     <name>peter</name>  
  5.     <id>1</id>  
  6.   </student>  
  7.   
  8.   <student email="[email protected]">  
  9.     <name>ken</name>  
  10.     <id>2</id>  
  11.   </student>  
  12. </stulist>  

4、获取XML

[javascript] view plain copy
 
  1. $(document).ready(function() {  
  2.     $.ajax({  
  3.         url: '/xml/Student.xml',  
  4.         type: 'GET',  
  5.         dataType: 'xml',  
  6.         timeout: 1000,  //设定超时  
  7.         cache: false,   //禁用缓存  
  8.         error: function(xml) {  
  9.             alert("加载XML文档出错!");  
  10.         },  
  11.         success: GetStudentComplete   //设置成功后回调函数  
  12.     });  
  13. });  

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

5、 解释XML

[javascript] view plain copy
 
  1. //获取XML成功后回调函数  
  2. function GetStudentComplete(xml) {  
  3.     $(xml).find("student").each(function(i) {     //查找所有student节点并遍历  
  4.         var id = $(this).children("id");          //获得子节点  
  5.         var id_vaule = id.text();                 //获取节点文本  
  6.         var email_vaule = $(this).attr("email");  //获取节点的属性  
  7.         alert(id_vaule);  
  8.         alert(email_vaule);  
  9.     });  
  10. }  

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

相关推荐