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


Posted in Javascript onNovember 21, 2013

示例代码:

//回调函数
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("出错了!!!");
        }
    }
}
Javascript 相关文章推荐
JS获取父节点方法
Aug 20 Javascript
js创建对象的几种常用方式小结(推荐)
Oct 24 Javascript
网页防止tab键的使用快速解决方法
Nov 07 Javascript
javascript中字符串的定义示例代码
Dec 19 Javascript
yepnope.js使用详解及示例分享
Jun 23 Javascript
JS拖拽插件实现步骤
Aug 03 Javascript
Node.js环境下编写爬虫爬取维基百科内容的实例分享
Jun 12 Javascript
基于jQuery实现中英文切换导航条效果
Sep 18 Javascript
jquery 正整数数字校验正则表达式
Jan 10 Javascript
vue 中swiper的使用教程
May 22 Javascript
vue实现移动端input上传视频、音频
Aug 18 Javascript
如何在现代JavaScript中编写异步任务
Jan 31 Javascript
浅析JavaScript中的常用算法与函数
Nov 21 #Javascript
非常漂亮的JS+CSS图片幻灯切换特效
Nov 20 #Javascript
浅谈checkbox的一些操作(实战经验)
Nov 20 #Javascript
JS 去除Array中的null值示例代码
Nov 20 #Javascript
document.getElementById获取控件对象为空的解决方法
Nov 20 #Javascript
jquery html动态生成select标签出问题的解决方法
Nov 20 #Javascript
js数组转json并在后台对其解析具体实现
Nov 20 #Javascript
You might like
PHP+Redis开发的书签案例实战详解
2019/07/09 PHP
PHP程序员简单的开展服务治理架构操作详解(一)
2020/05/14 PHP
基于jquery实现的移入页面上空文本框时,让它变为焦点,移出清除焦点
2011/07/26 Javascript
使用js如何实现全选与全不选
2013/12/30 Javascript
extjs 如何给column 加上提示
2014/07/29 Javascript
javascript实现字符串反转的方法
2015/02/05 Javascript
javascript实现图片循环渐显播放的方法
2015/02/24 Javascript
jQuery焦点控制图层展示延迟隐藏的方法
2015/03/09 Javascript
判断访客终端类型集锦
2015/06/05 Javascript
indexedDB bootstrap angularjs之 MVC DOMO (应用示例)
2016/06/20 Javascript
jQuery表单对象属性过滤选择器实例详解
2016/09/13 Javascript
详解Javascript中的原型OOP
2016/10/12 Javascript
浅谈js中同名函数和同名变量的执行问题
2017/02/12 Javascript
Angularjs的启动过程分析
2017/07/18 Javascript
Angular4开发解决跨域问题详解
2017/08/28 Javascript
vue-cli 使用vue-bus来全局控制的实例讲解
2018/09/15 Javascript
JS简单判断是否在微信浏览器打开的方法示例
2019/01/08 Javascript
layui的表单提交以及验证和修改弹框的实例
2019/09/09 Javascript
Element实现表格嵌套、多个表格共用一个表头的方法
2020/05/09 Javascript
js实现查询商品案例
2020/07/22 Javascript
PyQt 线程类 QThread使用详解
2017/07/16 Python
对numpy中shape的深入理解
2018/06/15 Python
Python类和对象的定义与实际应用案例分析
2018/12/27 Python
python整合ffmpeg实现视频文件的批量转换
2019/05/31 Python
使用TensorFlow实现简单线性回归模型
2019/07/19 Python
Python+OpenCV实现实时眼动追踪的示例代码
2019/11/11 Python
win10安装tesserocr配置 Python使用tesserocr识别字母数字验证码
2020/01/16 Python
解决python replace函数替换无效问题
2020/01/18 Python
基于python实现MQTT发布订阅过程原理解析
2020/07/27 Python
一款CSS3实现多功能下拉菜单(带分享按)的教程
2014/11/05 HTML / CSS
ETO男装官方网店:ETO Jeans
2019/02/28 全球购物
自荐信格式写作方法有哪些呢
2013/11/20 职场文书
饭店工作计划书
2014/01/10 职场文书
离婚财产分隔协议书
2014/10/23 职场文书
2014年图书馆个人工作总结
2014/12/18 职场文书
CentOS7安装MySQL8的超级详细教程(无坑!)
2022/06/10 Servers