当前位置： 移动技术网 > IT编程>开发语言>JavaScript > XMLHttpRequest处理xml格式的返回数据(示例代码)

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

2019年03月19日  | 移动技术网IT编程  | 我要评论

示例代码：

. 代码如下:


//回调函数
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("出错了！！！");
        }
    }
}


您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网