本文实例讲述了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的方式。
PHP response.ContentType = "text/xml"; //ASP response.setContentType("text/xm"); //JSP
3、创建实例XML文档(Student.xml)
rush:xml;">
peter
1
ken
2
4、获取XML
rush:js;">
$(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
rush:js;">
//获取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
在线压缩/格式化工具:xml
代码在线格式化美化工具:更多关于jQuery相关内容感兴趣的读者可查看本站专题:《》、《》、《》、《》、《》及《》
希望本文所述对大家jQuery程序设计有所帮助。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。