DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> XMLHttpRequest處理xml格式的返回數據(示例代碼)
XMLHttpRequest處理xml格式的返回數據(示例代碼)
編輯:JQuery特效代碼     

示例代碼:
. 代碼如下:
//回調函數
function callback() {
    //alert(xmlhttp.readyState);
    //5。接收響應數據
    //判斷對象的狀態是交互完成
    if (xmlhttp.readyState == 4) {
        //判斷http的交互是否成功
        if (xmlhttp.status == 200) {
            //使用responseXML的方式來接收XML數據對象的DOM對象
            var domObj = xmlhttp.responseXML;
            if (domObj) {
                //<message>123123123</message>
                //dom中利用getElementsByTagName可以根據標簽名來獲取元素節點,返回的是一個數組
                var messageNodes = domObj.getElementsByTagName("message");
                if (messageNodes.length > 0) {
                    //獲取message節點中的文本內容
                    //message標簽中的文本在dom中是message標簽所對應的元素節點的字節點,firstChild可以獲取到當前節點的第一個子節點
                    //通過以下方式就可以獲取到文本內容所對應的節點
                    var textNode = messageNodes[0].firstChild;
                    //對於文本節點來說,可以通過nodeValue的方式返回文本節點的文本內容
                    var responseMessage = textNode.nodeValue;

                    //將數據顯示在頁面上
                    //通過dom的方式找到div標簽所對應的元素節點
                    var divNode = document.getElementById("result");
                    //設置元素節點中的html內容
                    divNode.innerHTML = responseMessage;
                } else {
                    alert("XML數據格式錯誤,原始文本內容為:" + xmlhttp.responseText);
                }
            } else {
                alert("XML數據格式錯誤,原始文本內容為:" + xmlhttp.responseText);
            }
        } else {
            alert("出錯了!!!");
        }
    }
}

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved