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 相关文章推荐
通过ifame指向的页面高度调整iframe的高度
Oct 05 Javascript
JS类库Bindows1.3中的内存释放方式分析
Mar 08 Javascript
jQuery选择头像并实时显示的代码
Jun 27 Javascript
jQuery源码分析之Callbacks详解
Mar 13 Javascript
详解Vue用axios发送post请求自动set cookie
May 10 Javascript
Javascript之图片的延迟加载的实例详解
Jul 24 Javascript
js防刷新的倒计时代码 js倒计时代码
Sep 06 Javascript
微信小程序的生命周期的详解
Oct 19 Javascript
JavaScript引用类型之基本包装类型实例分析【Boolean、Number和String】
Aug 09 Javascript
vuex页面刷新后数据丢失的方法
Jan 17 Javascript
angular组件间通讯的实现方法示例
May 07 Javascript
vue使用require.context实现动态注册路由
Dec 25 Vue.js
浅析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去掉字符串的最后一个字符附substr()的用法
2011/03/23 PHP
PHP禁止页面缓存的代码
2011/10/23 PHP
php htmlentities()函数的定义和用法
2016/05/13 PHP
PHP常用文件操作函数和简单实例分析
2016/06/03 PHP
php分页原理 分页代码 分页类制作教程
2016/09/23 PHP
PHP编程文件处理类SplFileObject和SplFileInfo用法实例分析
2017/07/22 PHP
PHP如何防止XSS攻击与XSS攻击原理的讲解
2019/03/22 PHP
QQ空间顶部折页撕开效果示例代码
2014/06/15 Javascript
原生js和jquery实现图片轮播淡入淡出效果
2015/04/23 Javascript
jquery form表单获取内容以及绑定数据
2016/02/24 Javascript
基于JavaScript实现图片剪切效果
2017/03/07 Javascript
微信小程序实现topBar底部选择栏效果
2018/07/20 Javascript
vue-router beforeEach跳转路由验证用户登录状态
2018/12/26 Javascript
vue中keep-alive,include的缓存问题
2019/11/26 Javascript
python实现的二叉树算法和kmp算法实例
2014/04/25 Python
调试Python程序代码的几种方法总结
2015/04/28 Python
python遍历文件夹下所有excel文件
2018/01/03 Python
详解pyqt5 动画在QThread线程中无法运行问题
2018/05/05 Python
python实现生成字符串大小写字母和数字的各种组合
2019/01/01 Python
Python数据类型之列表和元组的方法实例详解
2019/07/08 Python
django 中QuerySet特性功能详解
2019/07/25 Python
python 多进程队列数据处理详解
2019/12/23 Python
python给指定csv表格中的联系人群发邮件(带附件的邮件)
2019/12/31 Python
浅谈OpenCV中的新函数connectedComponentsWithStats用法
2020/07/05 Python
纯CSS3实现圆圈动态发光特效动画的示例代码
2021/03/08 HTML / CSS
香蕉共和国Banana Republic官网:美国GAP旗下偏贵族风格服饰品牌
2016/11/21 全球购物
印尼最大的婴儿用品购物网站:Orami
2017/09/28 全球购物
Watch Station官方网站:世界一流的手表和智能手表
2020/01/05 全球购物
Yahoo的PHP面试题
2014/05/26 面试题
KTV的创业计划书范文
2014/02/02 职场文书
2014第二批党员干部对照“四风”找差距检查材料思想汇报
2014/09/18 职场文书
英语演讲开场白
2015/05/29 职场文书
小爸爸观后感
2015/06/15 职场文书
养成教育主题班会
2015/08/13 职场文书
小学学习委员竞选稿
2015/11/20 职场文书
MySQL中InnoDB存储引擎的锁的基本使用教程
2021/05/26 MySQL