JQuery加载并解析XML
原文:http://blog.csdn.net/pan_junbiao/article/details/7441003
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="[email protected]">
- <name>peter</name>
- <id>1</id>
- </student>
- <student email="[email protected]">
- <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()方法来获取节点文本和属性。
相关推荐
EdwardSiCong 2020-11-23
85477104 2020-11-17
hhanbj 2020-11-17
81427005 2020-11-11
seoppt 2020-09-13
honeyth 2020-09-13
WRITEFORSHARE 2020-09-13
84483065 2020-09-11
momode 2020-09-11
85477104 2020-08-15
83510998 2020-08-08
82550495 2020-08-03
tthappyer 2020-08-03
84901334 2020-07-28
tthappyer 2020-07-25
TONIYH 2020-07-22
tztzyzyz 2020-07-20
83510998 2020-07-18
81463166 2020-07-17