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获取键盘上任意按键的值(实例代码)
Nov 12 Javascript
JS实现的二叉树算法完整实例
Apr 06 Javascript
javaScript实现滚动条事件详解
Mar 24 Javascript
AngularJS 控制器 controller的详解
Oct 17 Javascript
js实现一个页面多个倒计时的3种方法
Feb 25 Javascript
解决vue打包后刷新页面报错:Unexpected token
Aug 27 Javascript
关于Layui Table隐藏列问题
Sep 16 Javascript
微信小程序如何实现精确的日期时间选择器
Jan 21 Javascript
Vue实现移动端拖拽交换位置
Jul 29 Javascript
vue+springboot+element+vue-resource实现文件上传教程
Oct 21 Javascript
react antd表格中渲染一张或多张图片的实例
Oct 28 Javascript
vue+openlayers绘制省市边界线
Dec 24 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
laravel 输出最后执行sql 附:whereIn的使用方法
2019/10/10 PHP
微信小程序发送订阅消息的方法(php 为例)
2019/10/30 PHP
根据分辨率不同,调用不同的css文件
2006/08/25 Javascript
javascript 继承实现方法
2009/08/26 Javascript
AngularJS HTML编译器介绍
2014/12/06 Javascript
html的DOM中document对象anchors集合用法实例
2015/01/21 Javascript
jQuery中noConflict()用法实例分析
2015/02/08 Javascript
jQuery获取剪贴板内容的方法
2016/06/16 Javascript
jQuery实现的简单拖拽功能示例
2016/09/13 Javascript
AngularJS Controller作用域
2017/01/09 Javascript
VueJs使用Amaze ui调整列表和内容页面
2017/11/30 Javascript
js最简单的双向绑定实例讲解
2018/01/02 Javascript
利用vue.js实现被选中状态的改变方法
2018/02/08 Javascript
深入浅析AngularJs模版与v-bind
2018/07/06 Javascript
解决vue脚手架项目打包后路由视图不显示的问题
2018/09/20 Javascript
详解webpack打包时排除其中一个css、js文件或单独打包一个css、js文件(两种方法)
2018/10/26 Javascript
用Cordova打包Vue项目的方法步骤
2019/02/02 Javascript
vue.js封装switch开关组件的操作
2020/10/26 Javascript
Python和Ruby中each循环引用变量问题(一个隐秘BUG?)
2014/06/04 Python
Python列表append和+的区别浅析
2015/02/02 Python
Python基于pygame实现图片代替鼠标移动效果
2015/11/11 Python
python实现rsa加密实例详解
2017/07/19 Python
Python正则表达式知识汇总
2017/09/22 Python
python制作mysql数据迁移脚本
2019/01/01 Python
Django框架中间件(Middleware)用法实例分析
2019/05/24 Python
python之pexpect实现自动交互的例子
2019/07/25 Python
python使用Thread的setDaemon启动后台线程教程
2020/04/25 Python
CSS3 制作绽放的莲花采用效果叠加实现
2013/01/31 HTML / CSS
英语文学专业学生的自我评价
2013/10/31 职场文书
乡镇群众路线整改落实情况汇报
2014/10/28 职场文书
写景作文评语集锦
2014/12/25 职场文书
生日赠语
2015/06/23 职场文书
小学体育课教学反思
2016/02/16 职场文书
导游词之上海豫园
2019/10/24 职场文书
Python+Appium新手教程
2021/04/17 Python
pyqt5打包成exe可执行文件的方法
2021/05/14 Python