XMLHttpRequest處理xml格式的返回?cái)?shù)據(jù)(示例代碼)
示例代碼:
//回調(diào)函數(shù)
function callback() {
//alert(xmlhttp.readyState);
//5。接收響應(yīng)數(shù)據(jù)
//判斷對(duì)象的狀態(tài)是交互完成
if (xmlhttp.readyState == 4) {
//判斷http的交互是否成功
if (xmlhttp.status == 200) {
//使用responseXML的方式來接收XML數(shù)據(jù)對(duì)象的DOM對(duì)象
var domObj = xmlhttp.responseXML;
if (domObj) {
//<message>123123123</message>
//dom中利用getElementsByTagName可以根據(jù)標(biāo)簽名來獲取元素節(jié)點(diǎn),返回的是一個(gè)數(shù)組
var messageNodes = domObj.getElementsByTagName("message");
if (messageNodes.length > 0) {
//獲取message節(jié)點(diǎn)中的文本內(nèi)容
//message標(biāo)簽中的文本在dom中是message標(biāo)簽所對(duì)應(yīng)的元素節(jié)點(diǎn)的字節(jié)點(diǎn),firstChild可以獲取到當(dāng)前節(jié)點(diǎn)的第一個(gè)子節(jié)點(diǎn)
//通過以下方式就可以獲取到文本內(nèi)容所對(duì)應(yīng)的節(jié)點(diǎn)
var textNode = messageNodes[0].firstChild;
//對(duì)于文本節(jié)點(diǎn)來說,可以通過nodeValue的方式返回文本節(jié)點(diǎn)的文本內(nèi)容
var responseMessage = textNode.nodeValue;
//將數(shù)據(jù)顯示在頁面上
//通過dom的方式找到div標(biāo)簽所對(duì)應(yīng)的元素節(jié)點(diǎn)
var divNode = document.getElementById("result");
//設(shè)置元素節(jié)點(diǎn)中的html內(nèi)容
divNode.innerHTML = responseMessage;
} else {
alert("XML數(shù)據(jù)格式錯(cuò)誤,原始文本內(nèi)容為:" + xmlhttp.responseText);
}
} else {
alert("XML數(shù)據(jù)格式錯(cuò)誤,原始文本內(nèi)容為:" + xmlhttp.responseText);
}
} else {
alert("出錯(cuò)了!?。?);
}
}
}
相關(guān)文章
關(guān)于jQuery object and DOM element
本篇文章,小編將為大家介紹,關(guān)于jQuery object and DOM element,有需要的朋友可以參考一下2013-04-04
jQuery實(shí)現(xiàn)單擊和鼠標(biāo)感應(yīng)事件
這篇文章主要介紹了jQuery實(shí)現(xiàn)單擊和鼠標(biāo)感應(yīng)事件的方法的相關(guān)資料,需要的朋友可以參考下2015-02-02
jquery無法為動(dòng)態(tài)生成的元素添加點(diǎn)擊事件的解決方法(推薦)
下面小編就為大家?guī)硪黄猨query無法為動(dòng)態(tài)生成的元素添加點(diǎn)擊事件的解決方法(推薦)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧,祝大家游戲愉快哦2016-12-12
jquery對(duì)象和DOM對(duì)象的相互轉(zhuǎn)換詳解
這篇文章主要介紹了jquery對(duì)象和DOM對(duì)象的相互轉(zhuǎn)換詳解的相關(guān)資料,需要的朋友可以參考下2016-10-10
ztree簡介_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理
zTree 是利用 JQuery 的核心代碼,實(shí)現(xiàn)一套能完成大部分常用功能的 Tree 插件,本文給大家簡單介紹下ztree的基本知識(shí),感興趣的朋友一起看看吧2017-07-07
跟著Jquery API學(xué)Jquery之一 選擇器
Jquery 選擇器是最基本的操作了,當(dāng)我們用原生的javascript的時(shí)候,我們?yōu)榱诉x擇一個(gè)對(duì)象不得不花費(fèi)九頭二虎之力2010-04-04

