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）

<?xml version="1.0" encoding="utf-8" ?><stulist> <student email="peter@163.com"><name>peter</name><id>1</id> </student> <student email="ken@163.com"><name>ken</name><id>2</id> </student></stulist>

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互相转换工具：
http://tools.jb51.net/code/xmljson
在线格式化XML/在线压缩XML：
http://tools.jb51.net/code/xmlformat
XML在线压缩/格式化工具：
http://tools.jb51.net/code/xml_format_compress
xml代码在线格式化美化工具：
http://tools.jb51.net/code/xmlcodeformat
更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jQuery操作xml技巧总结》、《jQuery操作json数据技巧汇总》、《jQuery扩展技巧总结》、《jQuery常用插件及用法总结》、《jQuery常见经典特效汇总》及《jquery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。