用JQuery 實(shí)現(xiàn)AJAX加載XML并解析的腳本
更新時(shí)間：2009年07月25日 10:15:08 作者：
用JQuery 實(shí)現(xiàn)AJAX加載XML并解析的腳本
1,Content-Type
很多時(shí)候無法解析就是Content-Type的問題。
如果本身就是xml文件，請(qǐng)?zhí)^這一步
動(dòng)態(tài)生成的XML一定要將其設(shè)置為text/xml，否則默認(rèn)就是text/html也就是普通的文本了。
常見語言的Content-Type設(shè)置
header("Content-Type:text/xml"); //php
response.ContentType="text/xml" //asp
response.setHeader("ContentType","text/xml"); //jsp
2，xml結(jié)構(gòu)。
<xml一定是要封閉的>
例：
錯(cuò)誤的XML
CODE:
<?xml version="1.0" encoding="UTF-8"?>
<name>zhangsan</name>
<id>1</id>
<name>lisi</name>
<id>2</id>
正確的
CODE:
<?xml version="1.0" encoding="UTF-8"?>
<stulist>
<student email="1@1.com">
<name>zhangsan</name>
<id>1</id>
</student>
<student email="2@2.com">
<name>lisi</name>
<id>2</id>
</student>
</stulist>
3,解析
這里引用macnie的
遍歷student（這里還是用上面那個(gè)XML，子節(jié)點(diǎn)是student)
$.ajax({
url:'ajax.asp',
type: 'GET',
dataType: 'xml',//這里可以不寫，但千萬別寫text或者h(yuǎn)tml!!!
timeout: 1000,
error: function(xml){
alert('Error loading XML document'+xml);
},
success: function(xml){
$(xml).find("student").each(function(i){
var id=$(this).children("id"); //取對(duì)象
var id_value=$(this).children("id").text(); //取文本
alert(id_value);//這里就是ID的值了。
alert($(this).attr("email")); //這里能顯示student下的email屬性。
//最后么輸出了，這個(gè)是cssrain的寫法，貌似比macnie更JQ一點(diǎn)
$('<li></li>')
.html(id_value)
.appendTo('ol');
});
}
});
最后補(bǔ)充一條：保證服務(wù)器端是utf-8的編碼
很多時(shí)候無法解析就是Content-Type的問題。
如果本身就是xml文件，請(qǐng)?zhí)^這一步
動(dòng)態(tài)生成的XML一定要將其設(shè)置為text/xml，否則默認(rèn)就是text/html也就是普通的文本了。
常見語言的Content-Type設(shè)置
復(fù)制代碼 代碼如下:
header("Content-Type:text/xml"); //php
response.ContentType="text/xml" //asp
response.setHeader("ContentType","text/xml"); //jsp
2，xml結(jié)構(gòu)。
<xml一定是要封閉的>
例：
錯(cuò)誤的XML
復(fù)制代碼 代碼如下:
CODE:
<?xml version="1.0" encoding="UTF-8"?>
<name>zhangsan</name>
<id>1</id>
<name>lisi</name>
<id>2</id>
正確的
CODE:
<?xml version="1.0" encoding="UTF-8"?>
<stulist>
<student email="1@1.com">
<name>zhangsan</name>
<id>1</id>
</student>
<student email="2@2.com">
<name>lisi</name>
<id>2</id>
</student>
</stulist>
3,解析
這里引用macnie的
遍歷student（這里還是用上面那個(gè)XML，子節(jié)點(diǎn)是student)
復(fù)制代碼 代碼如下:
$.ajax({
url:'ajax.asp',
type: 'GET',
dataType: 'xml',//這里可以不寫，但千萬別寫text或者h(yuǎn)tml!!!
timeout: 1000,
error: function(xml){
alert('Error loading XML document'+xml);
},
success: function(xml){
$(xml).find("student").each(function(i){
var id=$(this).children("id"); //取對(duì)象
var id_value=$(this).children("id").text(); //取文本
alert(id_value);//這里就是ID的值了。
alert($(this).attr("email")); //這里能顯示student下的email屬性。
//最后么輸出了，這個(gè)是cssrain的寫法，貌似比macnie更JQ一點(diǎn)
$('<li></li>')
.html(id_value)
.appendTo('ol');
});
}
});
最后補(bǔ)充一條：保證服務(wù)器端是utf-8的編碼
您可能感興趣的文章:
- jQuery 解析xml文件
- JQuery解析HTML、JSON和XML實(shí)例詳解
- jQuery+ajax讀取并解析XML文件的方法
- 使用jquery解析XML的方法
- jQuery 行級(jí)解析讀取XML文件（附源碼）
- JQuery解析XML數(shù)據(jù)的幾個(gè)簡(jiǎn)單實(shí)例
- jquery解析XML字符串和XML文件的方法說明
- jQuery解析返回的xml和json方法詳解
- Jquery Ajax解析XML數(shù)據(jù)(同步及異步調(diào)用)簡(jiǎn)單實(shí)例
- JQuery解析XML的方法小結(jié)
- jQuery實(shí)現(xiàn)的解析本地 XML 文檔操作示例
相關(guān)文章
jQuery CheckBox全選、全不選實(shí)現(xiàn)代碼小結(jié)
jQuery CheckBox全選、全不選實(shí)現(xiàn)代碼小結(jié)，對(duì)于操作jquery的朋友可以參考下。2010-04-04
jquery實(shí)現(xiàn)圖片上傳前本地預(yù)覽
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)圖片上傳前本地預(yù)覽功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-04-04
JQuery textlimit 顯示用戶輸入的字符數(shù) 限制用戶輸入的字符數(shù)
顯示用戶輸入的字符數(shù) 限制用戶輸入的字符數(shù)的實(shí)現(xiàn)方法。2009-05-05
現(xiàn)在jquery是比較流行的組件了，大家可以通過擴(kuò)展插件的方法自定義功能，大家可以參考下面的方法制作自己的插件2012-02-02
CKEditor無法驗(yàn)證的解決方案（js驗(yàn)證+jQuery Validate驗(yàn)證）
這篇文章主要為大家詳細(xì)介紹了CKEditor無法驗(yàn)證的解決方案和jQuery Validate驗(yàn)證框架，感興趣的小伙伴們可以參考一下2016-05-05
使用jQuery實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊左右按鈕滑動(dòng)切換
在做web前端開發(fā)的時(shí)候經(jīng)常遇到圖片滑動(dòng)切換特效，接下來通過本文給大家分享使用jQuery實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊左右按鈕滑動(dòng)切換特效，感興趣的朋友參考實(shí)現(xiàn)代碼2017-08-08
Jquery跨域獲得Json時(shí)invalid label錯(cuò)誤的解決辦法
這兩天用 Jquery 跨域取數(shù)據(jù)的時(shí)候，經(jīng)常碰到 invalid label 這個(gè)錯(cuò)誤，十分的郁悶，老是取不到服務(wù)器端發(fā)送回來的 json 值，一般跨域用到的兩個(gè)方法為：$.ajax 和 $.getJson2011-01-01
jquery 面包屑導(dǎo)航 具體實(shí)現(xiàn)
jquery 面包屑導(dǎo)航 具體實(shí)現(xiàn)，需要的朋友可以參考一下2013-06-06
最近做一個(gè)報(bào)表頁面顯示位置配置的界面,剛開始時(shí)用的是多個(gè)checkbox,選擇其中需要的報(bào)表即可。后來隨著業(yè)務(wù)變復(fù)雜，需要使用兩個(gè)select,選擇其中需要的到右邊select，然后提交到數(shù)據(jù)庫2013-10-10
jQuery探測(cè)位置的提示彈窗(toolTip box)詳細(xì)解析
提示彈窗（toolTip box）經(jīng)常會(huì)被用到，但是本文總要的不是彈，也不是窗，而是探測(cè)位置，在適當(dāng)?shù)牡胤綇棿?。需要的朋友可以過來參考下，希望對(duì)大家有所幫助2013-11-11