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实现带复选框的表格行选中删除时高亮显示
Aug 01 Javascript
jquery提取元素里的纯文本不包含span等里的内容
Sep 30 Javascript
JavaScript实现广告的关闭与显示效果实例
Jul 02 Javascript
基于Bootstrap3表格插件和分页插件实例详解
May 17 Javascript
JS定时器实现数值从0到10来回变化
Dec 09 Javascript
微信小程序 tabs选项卡效果的实现
Jan 05 Javascript
javascript 开发之网页兼容各种浏览器
Sep 28 Javascript
如何实现一个webpack模块解析器
Oct 24 Javascript
js+canvas实现两张图片合并成一张图片的方法
Nov 01 Javascript
js实现数字从零慢慢增加到指定数字示例
Nov 07 Javascript
Vue开发中遇到的跨域问题及解决方法
Feb 11 Javascript
Chrome插件开发系列一:弹窗终结者开发实战
Oct 02 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生成带logo二维码方法小结
2016/04/08 PHP
判断控件是否已加载完成的代码
2010/02/24 Javascript
js select option对象小结
2013/12/20 Javascript
浅谈javascript 函数表达式和函数声明的区别
2016/01/05 Javascript
jQuery ajax的功能实现方法详解
2017/01/06 Javascript
微信小程序使用Promise简化回调
2018/02/06 Javascript
详解JavaScript的变量
2019/04/04 Javascript
微信小程序如何获取地址
2019/12/24 Javascript
[56:35]DOTA2上海特级锦标赛主赛事日 - 5 总决赛Liquid VS Secret第一局
2016/03/06 DOTA
[04:16]DOTA2全国高校联赛16强抽签
2018/05/02 DOTA
python关键字and和or用法实例
2015/05/28 Python
Python线程指南详细介绍
2017/01/05 Python
多版本Python共存的配置方法
2017/05/22 Python
Python学习笔记之if语句的使用示例
2017/10/23 Python
python3.7.0的安装步骤
2018/08/27 Python
pygame游戏之旅 添加键盘按键的方法
2018/11/20 Python
Python字符串内置函数功能与用法总结
2019/04/16 Python
Python爬虫实现验证码登录代码实例
2019/05/10 Python
如何解决django-celery启动后迅速关闭
2019/10/16 Python
Python使用gluon/mxnet模块实现的mnist手写数字识别功能完整示例
2019/12/18 Python
美国受欢迎的女性牛仔裤品牌:DL1961
2016/11/12 全球购物
卡西欧G-SHOCK英国官网: 防水防震手表
2018/01/08 全球购物
什么是反射?如何实现反射?
2016/07/25 面试题
房地产出纳岗位职责
2013/12/01 职场文书
网络程序员自荐信
2014/01/25 职场文书
幼儿园数学教学反思
2014/02/02 职场文书
微笑服务演讲稿
2014/05/13 职场文书
网上祭先烈心得体会
2014/09/01 职场文书
酒店财务部岗位职责
2015/04/14 职场文书
2015年超市工作总结范文
2015/05/26 职场文书
汽车修理厂管理制度
2015/08/05 职场文书
2016年青少年禁毒宣传教育活动总结(学校)
2016/04/05 职场文书
告诉你一个秘密:富人致富的五大优点
2019/07/11 职场文书
导游词之上海豫园
2019/10/24 职场文书
JS新手入门数组处理的实用方法汇总
2021/04/07 Javascript
JavaScript offset实现鼠标坐标获取和窗口内模块拖动
2021/05/30 Javascript