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 相关文章推荐
JQuery实现的在新窗口打开链接的方法小结
Apr 22 Javascript
jquery下checked取值问题的解决方法
Aug 09 Javascript
javascript 系统文件夹文件操作及参数介绍
Jan 08 Javascript
关于jquery css的使用介绍
Apr 18 Javascript
详解JavaScript中undefined与null的区别
Mar 29 Javascript
javascript实现仿IE顶部的可关闭警告条
May 05 Javascript
每天一篇javascript学习小结(Function对象)
Nov 16 Javascript
Angular.js去除页面中显示的空行方法示例
Mar 30 Javascript
利用Node.js批量抓取高清妹子图片实例教程
Aug 02 Javascript
jQuery分组选择器简单用法示例
Apr 04 jQuery
详解Vue-cli3 项目在安卓低版本系统和IE上白屏问题解决
Apr 14 Javascript
了解在JavaScript中将值转换为字符串的5种方法
Jun 06 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
用函数读出数据表内容放入二维数组
2006/10/09 PHP
实现php加速的eAccelerator dll支持文件打包下载
2007/09/30 PHP
php中的ini配置原理详解
2014/10/14 PHP
Zend Framework教程之路由功能Zend_Controller_Router详解
2016/03/07 PHP
Thinkphp 在api开发中异常返回依然是html的解决方式
2019/10/16 PHP
Span元素的width属性无效果原因及解决方案
2010/01/15 Javascript
40个有创意的jQuery图片和内容滑动及弹出插件收藏集之三
2012/01/03 Javascript
jQuery中判断一个元素是否为另一个元素的子元素(或者其本身)
2012/03/21 Javascript
JS隐藏参数post传值实例
2013/04/18 Javascript
js用Date对象的setDate()函数对日期进行加减操作
2014/09/18 Javascript
jQuery Dialog 打开时自动聚焦的解决方法(两种方法)
2016/11/24 Javascript
Bootstrap基本样式学习笔记之图片(6)
2016/12/07 Javascript
JavaScript队列函数和异步执行详解
2017/06/19 Javascript
layui之select的option叠加问题的解决方法
2018/03/08 Javascript
在ES5与ES6环境下处理函数默认参数的实现方法
2018/05/13 Javascript
angular ng-model 无法获取值的处理方法
2018/10/02 Javascript
浅谈Javascript中的对象和继承
2019/04/19 Javascript
关于layui时间回显问题的解决方法
2019/09/24 Javascript
layui table 列宽百分比显示的实现方法
2019/09/28 Javascript
python中返回矩阵的行列方法
2018/04/04 Python
python实现从文件中读取数据并绘制成 x y 轴图形的方法
2018/10/14 Python
对python中大文件的导入与导出方法详解
2018/12/28 Python
python实现趣味图片字符化
2019/04/30 Python
python 在某.py文件中调用其他.py内的函数的方法
2019/06/25 Python
利用python numpy+matplotlib绘制股票k线图的方法
2019/06/26 Python
django url到views参数传递的实例
2019/07/19 Python
Python提取PDF内容的方法(文本、图像、线条等)
2019/09/25 Python
python 装饰器的使用示例
2020/10/10 Python
详解css3中的伪类before和after常见用法
2020/11/17 HTML / CSS
即时搜索数百万张门票:SeatsForEveryone.com
2018/08/26 全球购物
聘任书的写作格式及范文
2014/03/29 职场文书
《槐乡五月》教学反思
2014/04/25 职场文书
物流专业自荐信
2014/05/23 职场文书
防汛通知
2015/04/25 职场文书
Java使用JMeter进行高并发测试
2021/11/23 Java/Android
CSS3实现指纹特效代码
2022/03/17 HTML / CSS