欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

XMLHttpRequest处理xml格式的返回数据(示例代码)

程序员文章站 2023-11-09 12:58:46
示例代码: . 代码如下: //回调函数 function callback() {     //alert(xmlhttp.readys...

示例代码:

. 代码如下:


//回调函数
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的方式找到p标签所对应的元素节点
                    var pnode = document.getelementbyid("result");
                    //设置元素节点中的html内容
                    pnode.innerhtml = responsemessage;
                } else {
                    alert("xml数据格式错误,原始文本内容为:" + xmlhttp.responsetext);
                }
            } else {
                alert("xml数据格式错误,原始文本内容为:" + xmlhttp.responsetext);
            }
        } else {
            alert("出错了!!!");
        }
    }
}