用JQuery 實現(xiàn)AJAX加載XML并解析的腳本
更新時間：2009年07月25日 10:15:08 作者：
用JQuery 實現(xiàn)AJAX加載XML并解析的腳本
1,Content-Type
很多時候無法解析就是Content-Type的問題。
如果本身就是xml文件，請?zhí)^這一步
動態(tài)生成的XML一定要將其設(shè)置為text/xml，否則默認就是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一定是要封閉的>
例：
錯誤的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（這里還是用上面那個XML，子節(jié)點是student)
$.ajax({
url:'ajax.asp',
type: 'GET',
dataType: 'xml',//這里可以不寫，但千萬別寫text或者html!!!
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"); //取對象
var id_value=$(this).children("id").text(); //取文本
alert(id_value);//這里就是ID的值了。
alert($(this).attr("email")); //這里能顯示student下的email屬性。
//最后么輸出了，這個是cssrain的寫法，貌似比macnie更JQ一點
$('<li></li>')
.html(id_value)
.appendTo('ol');
});
}
});
最后補充一條：保證服務(wù)器端是utf-8的編碼
很多時候無法解析就是Content-Type的問題。
如果本身就是xml文件，請?zhí)^這一步
動態(tài)生成的XML一定要將其設(shè)置為text/xml，否則默認就是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一定是要封閉的>
例：
錯誤的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（這里還是用上面那個XML，子節(jié)點是student)
復(fù)制代碼 代碼如下:
$.ajax({
url:'ajax.asp',
type: 'GET',
dataType: 'xml',//這里可以不寫，但千萬別寫text或者html!!!
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"); //取對象
var id_value=$(this).children("id").text(); //取文本
alert(id_value);//這里就是ID的值了。
alert($(this).attr("email")); //這里能顯示student下的email屬性。
//最后么輸出了，這個是cssrain的寫法，貌似比macnie更JQ一點
$('<li></li>')
.html(id_value)
.appendTo('ol');
});
}
});
最后補充一條：保證服務(wù)器端是utf-8的編碼
相關(guān)文章
JQuery實現(xiàn)的購物車功能(可以減少或者添加商品并自動計算價格)
這篇文章主要介紹了JQuery實現(xiàn)的購物車功能(可以減少或者添加商品并自動計算價格),本文的這個模擬實現(xiàn)的購物車難登大雅之堂,但是可以從中得到一些啟發(fā)或者相關(guān)的知識點,需要的朋友可以參考下2015-01-01
jQuery仿Flash上下翻動的中英文導(dǎo)航菜單實例
這篇文章主要介紹了jQuery仿Flash上下翻動的中英文導(dǎo)航菜單,實例分析了jQuery實現(xiàn)Flash反動特效的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03
本文給大家總結(jié)了10款本站今年比較熱門的html5/css3的動畫特效，附上演示地址和下載地址，有需要的小伙伴對比著使用。2014-12-12
這篇文章主要介紹了jquery如何解決resize執(zhí)行兩次的問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-07-07
本篇文章分享了基于jQuery實現(xiàn)的幻燈圖片切換效果的部分代碼。感興趣的朋友可以下載實例運行，下面就跟小編一起來看看吧2016-12-12
本文給大家分享的是一段基于jQuery的實現(xiàn)簡單的表單提交驗證的代碼，非常簡單實用，推薦給有相同需求的小伙伴們參考下。2014-11-11
這篇文章主要介紹了jQuery實現(xiàn)的簡單圖片輪播效果,結(jié)合完整實例形式分析了jQuery結(jié)合時間函數(shù)與隨機數(shù)運算操作頁面元素動態(tài)變換相關(guān)實現(xiàn)技巧,具有不動方向滑動、淡入淡出等切換效果,代碼非常簡單實用,需要的朋友可以參考下2018-02-02
jQuery的內(nèi)容過濾選擇器學(xué)習(xí)教程
這篇文章主要介紹了jQuery的內(nèi)容過濾選擇器學(xué)習(xí)教程,詳細地整理了jQuery中四個過濾器的相關(guān)函數(shù)用法,需要的朋友可以參考下2016-04-04
自己以前做的列表雙向選擇器，感覺有點挫，昨天閑著沒事改進了一下，把元素改成了select option這樣就支持shift多選，感覺好多了2013-08-08
jQuery實現(xiàn)合并/追加數(shù)組并去除重復(fù)項的方法
這篇文章主要介紹了jQuery實現(xiàn)合并/追加數(shù)組并去除重復(fù)項的方法,可實現(xiàn)合并兩個數(shù)組并出去重復(fù)項的功能,涉及數(shù)組的遍歷、判斷、追加等相關(guān)操作技巧,需要的朋友可以參考下2018-04-04