jQuery加载及解析XML文件的方法实例分析
本文实例讲述了jQuery加载及解析XML文件的方法。分享给大家供大家参考，具体如下：
1、简述
XML（eXtensibleMarkupLanguage）即可扩展标记语言，与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）
<?xmlversion="1.0"encoding="utf-8"?> <stulist> <studentemail="peter@163.com"> <name>peter</name> <id>1</id> </student> <studentemail="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成功后回调函数
functionGetStudentComplete(xml){
$(xml).find("student").each(function(i){//查找所有student节点并遍历
varid=$(this).children("id");//获得子节点
varid_vaule=id.text();//获取节点文本
varemail_vaule=$(this).attr("email");//获取节点的属性
alert(id_vaule);
alert(email_vaule);
});
}
解析XML文档与解析DOM一样，也可以用find()、children()等函数来解析和用each()方法来进行遍历，另外也可以用text()和attr()方法来获取节点文本和属性。
PS：这里再为大家提供几款关于xml操作相关在线工具供大家参考使用：
在线