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实现收缩菜单效果实例代码
Oct 30 Javascript
对jQuary选择器的全面总结
Jun 20 Javascript
两行代码轻松搞定JavaScript日期验证
Aug 03 Javascript
jQuery给指定的table动态添加删除行的操作方法
Oct 12 Javascript
微信小程序 Nginx环境配置详细介绍
Feb 14 Javascript
Three.js获取鼠标点击的三维坐标示例代码
Mar 24 Javascript
使用js获取伪元素的content实例
Oct 24 Javascript
mescroll.js上拉加载下拉刷新组件使用详解
Nov 13 Javascript
Puppet的一些技巧
Sep 17 Javascript
JS实现li标签的删除
Apr 12 Javascript
小程序和web画三角形实现解析
Sep 02 Javascript
javascript 构建模块化开发过程解析
Sep 11 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生成静态页面分析 模板+缓存+写文件
2009/08/17 PHP
详解PHP安装mysql.so扩展的方法
2016/12/31 PHP
thinkPHP框架实现的简单计算器示例
2018/12/07 PHP
js实现全屏漂浮广告移入光标停止移动
2013/12/02 Javascript
jquery ajax,ashx,json的用法总结
2014/02/12 Javascript
JS图片自动轮换效果实现思路附截图
2014/04/30 Javascript
node.js 开发指南 ? Node.js 连接 MySQL 并进行数据库操作
2014/07/29 Javascript
jquery实现弹出层效果实例
2015/05/19 Javascript
学习javascript面向对象 实例讲解面向对象选项卡
2016/01/04 Javascript
vue2.0 keep-alive最佳实践
2017/07/06 Javascript
vue 引入公共css文件的简单方法(推荐)
2018/01/20 Javascript
Vue CLI3 开启gzip压缩文件的方式
2018/09/30 Javascript
vuex如何重置所有state(可定制)
2019/01/17 Javascript
js实现简单页面全屏
2019/09/17 Javascript
Vue 实现CLI 3.0 + momentjs + lodash打包时优化
2019/11/13 Javascript
深入了解JS之作用域和闭包
2020/06/16 Javascript
[15:41]教你分分钟做大人——灰烬之灵
2015/03/11 DOTA
Python3里的super()和__class__使用介绍
2015/04/23 Python
python用BeautifulSoup库简单爬虫实例分析
2018/07/30 Python
python+splinter实现12306网站刷票并自动购票流程
2018/09/25 Python
python使用参数对嵌套字典进行取值的方法
2019/04/26 Python
python模拟键盘输入 切换键盘布局过程解析
2019/08/15 Python
python双向链表原理与实现方法详解
2019/12/03 Python
HTML5 body设置自适应全屏
2020/05/07 HTML / CSS
DELPHI面试题研发笔试试卷
2015/11/08 面试题
劳资专员岗位职责
2013/12/27 职场文书
运动会广播稿60字
2014/01/15 职场文书
护士检查书
2014/01/17 职场文书
在职员工证明书
2014/09/19 职场文书
租车协议书范本2014
2014/11/17 职场文书
自我工作评价范文
2015/03/06 职场文书
2015年暑期社会实践报告
2015/07/13 职场文书
幼儿园小班教师随笔
2015/08/14 职场文书
详解MySQL连接挂死的原因
2021/05/18 MySQL
十大经典日本动漫排行榜 海贼王第三,犬夜叉仅第八
2022/03/18 日漫
windows server 2012安装FTP并配置被动模式指定开放端口
2022/06/10 Servers