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()方法来获取节点文本和属性。
关于“jQuery如何加载及解析XML文件”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。
网站题目:jQuery如何加载及解析XML文件
路径分享:http://ybzwz.com/article/jcdjci.html