本文实例讲述了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.kunjuke.com/code/xmljson
在线格式化XML/在线压缩XML:
http://tools.kunjuke.com/code/xmlformat
XML在线压缩/格式化工具:
http://tools.kunjuke.com/code/xml_format_compress
xml代码在线格式化美化工具:
http://tools.kunjuke.com/code/xmlcodeformat
更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQuery操作xml技巧总结》、《jQuery操作json数据技巧汇总》、《jQuery扩展技巧总结》、《jQuery常用插件及用法总结》、《jQuery常见经典特效汇总》及《jquery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
您可能感兴趣的文章:
- jQuery+ajax读取并解析XML文件的方法
- jQuery处理XML文件的几种方法
- jQuery实现定时读取分析xml文件的方法
- jQuery解析XML文件同时动态增加js文件的方法
- jquery读取xml文件实现省市县三级联动的方法
- jQuery读取XML文件内容的方法
- jquery解析XML字符串和XML文件的方法说明
- JQuery读取XML文件数据并显示的实现代码
- jQuery 行级解析读取XML文件(附源码)
- jQuery 解析xml文件
- jQuery读取XML文件的方法示例