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兼容浏览器的导出Excel(CSV)文件的方法
May 03 Javascript
Jquery选择器中使用变量实现动态选择例子
Jul 25 Javascript
jquery制作漂亮的弹出层提示消息特效
Dec 23 Javascript
JS实现含有中文字符串的友好截取功能分析
Mar 13 Javascript
JS利用正则表达式实现简单的密码强弱判断实例
Jun 16 Javascript
解决Vue使用mint-ui loadmore实现上拉加载与下拉刷新出现一个页面使用多个上拉加载后冲突问题
Nov 07 Javascript
超出JavaScript安全整数限制的数字计算BigInt详解
Jun 24 Javascript
解决v-for中使用v-if或者v-bind:class失效的问题
Sep 25 Javascript
JS返回页面时自动回滚到历史浏览位置
Sep 26 Javascript
Vue实现滑动拼图验证码功能
Sep 15 Javascript
Vue项目中使用flow做类型检测的方法
Mar 18 Javascript
原生js实现的观察者和订阅者模式简单示例
Apr 18 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实现的曲线统计图表示例
2016/11/10 PHP
JS查看对象功能代码
2008/04/25 Javascript
js实现div弹出层的方法
2014/11/20 Javascript
node.js中的fs.writeFile方法使用说明
2014/12/14 Javascript
JS响应鼠标点击实现两个滑块区间拖动效果
2015/10/26 Javascript
你不知道的高性能JAVASCRIPT
2016/01/18 Javascript
js实现div模拟模态对话框展现URL内容
2016/05/27 Javascript
再谈Javascript中的异步以及如何异步
2016/08/19 Javascript
AngularJS入门教程之数据绑定用法示例
2016/11/01 Javascript
js闭包用法实例详解
2016/12/13 Javascript
AngularJS打开页面隐藏显示表达式用法示例
2016/12/25 Javascript
微信小程序自定义toast实现方法详解【附demo源码下载】
2017/11/28 Javascript
vue实现新闻展示页的步骤详解
2019/04/11 Javascript
javascript数据类型中的一些小知识点(推荐)
2019/04/18 Javascript
线程和进程的区别及Python代码实例
2015/02/04 Python
Scrapy的简单使用教程
2017/10/24 Python
python求解数组中两个字符串的最小距离
2018/09/27 Python
pandas dataframe的合并实现(append, merge, concat)
2019/06/24 Python
简单了解Python matplotlib线的属性
2019/06/29 Python
python读写csv文件并增加行列的实例代码
2019/08/01 Python
Python定义一个函数的方法
2020/06/15 Python
python 读取、写入txt文件的示例
2020/09/27 Python
Python字典dict常用方法函数实例
2020/11/09 Python
Python 获取异常(Exception)信息的几种方法
2020/12/29 Python
美国最受欢迎的童装品牌之一:The Children’s Place
2016/07/23 全球购物
设计师家具购买和委托在线市场:Viyet
2016/11/16 全球购物
Bonami斯洛伐克:购买家具和家居饰品
2019/07/02 全球购物
一篇.NET面试题
2014/09/29 面试题
幼儿如何来做好自我评价
2013/11/05 职场文书
高中自我鉴定
2013/12/20 职场文书
关于人生的感言
2014/01/17 职场文书
《狼》教学反思
2014/03/02 职场文书
售后服务承诺函格式
2015/01/21 职场文书
投标单位介绍信
2015/05/05 职场文书
MySQL分库分表详情
2021/09/25 MySQL
Python借助with语句实现代码段只执行有限次
2022/03/23 Python