用JQuery 實(shí)現(xiàn)AJAX加載XML并解析的腳本
很多時(shí)候無(wú)法解析就是Content-Type的問(wèn)題。
如果本身就是xml文件,請(qǐng)?zhí)^(guò)這一步
動(dòng)態(tài)生成的XML一定要將其設(shè)置為text/xml,否則默認(rèn)就是text/html也就是普通的文本了。
常見(jiàn)語(yǔ)言的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',//這里可以不寫,但千萬(wàn)別寫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文件的方法說(shuō)明
- jQuery解析返回的xml和json方法詳解
- Jquery Ajax解析XML數(shù)據(jù)(同步及異步調(diào)用)簡(jiǎn)單實(shí)例
- JQuery解析XML的方法小結(jié)
- jQuery實(shí)現(xiàn)的解析本地 XML 文檔操作示例
相關(guān)文章
JQuery實(shí)現(xiàn)的購(gòu)物車功能(可以減少或者添加商品并自動(dòng)計(jì)算價(jià)格)
這篇文章主要介紹了JQuery實(shí)現(xiàn)的購(gòu)物車功能(可以減少或者添加商品并自動(dòng)計(jì)算價(jià)格),本文的這個(gè)模擬實(shí)現(xiàn)的購(gòu)物車難登大雅之堂,但是可以從中得到一些啟發(fā)或者相關(guān)的知識(shí)點(diǎn),需要的朋友可以參考下2015-01-01jQuery仿Flash上下翻動(dòng)的中英文導(dǎo)航菜單實(shí)例
這篇文章主要介紹了jQuery仿Flash上下翻動(dòng)的中英文導(dǎo)航菜單,實(shí)例分析了jQuery實(shí)現(xiàn)Flash反動(dòng)特效的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-032014 HTML5/CSS3熱門動(dòng)畫特效TOP10
本文給大家總結(jié)了10款本站今年比較熱門的html5/css3的動(dòng)畫特效,附上演示地址和下載地址,有需要的小伙伴對(duì)比著使用。2014-12-12jquery如何解決resize執(zhí)行兩次的問(wèn)題
這篇文章主要介紹了jquery如何解決resize執(zhí)行兩次的問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-07-07基于jQuery實(shí)現(xiàn)表單提交驗(yàn)證
本文給大家分享的是一段基于jQuery的實(shí)現(xiàn)簡(jiǎn)單的表單提交驗(yàn)證的代碼,非常簡(jiǎn)單實(shí)用,推薦給有相同需求的小伙伴們參考下。2014-11-11jQuery實(shí)現(xiàn)的簡(jiǎn)單圖片輪播效果完整示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的簡(jiǎn)單圖片輪播效果,結(jié)合完整實(shí)例形式分析了jQuery結(jié)合時(shí)間函數(shù)與隨機(jī)數(shù)運(yùn)算操作頁(yè)面元素動(dòng)態(tài)變換相關(guān)實(shí)現(xiàn)技巧,具有不動(dòng)方向滑動(dòng)、淡入淡出等切換效果,代碼非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下2018-02-02jQuery的內(nèi)容過(guò)濾選擇器學(xué)習(xí)教程
這篇文章主要介紹了jQuery的內(nèi)容過(guò)濾選擇器學(xué)習(xí)教程,詳細(xì)地整理了jQuery中四個(gè)過(guò)濾器的相關(guān)函數(shù)用法,需要的朋友可以參考下2016-04-04jQuery實(shí)現(xiàn)合并/追加數(shù)組并去除重復(fù)項(xiàng)的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)合并/追加數(shù)組并去除重復(fù)項(xiàng)的方法,可實(shí)現(xiàn)合并兩個(gè)數(shù)組并出去重復(fù)項(xiàng)的功能,涉及數(shù)組的遍歷、判斷、追加等相關(guān)操作技巧,需要的朋友可以參考下2018-04-04