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 相关文章推荐
window.addeventjs事件驱动函数集合addEvent等
Feb 19 Javascript
JavaScript中的变量声明早于赋值分析
Mar 01 Javascript
JS判断客户端是手机还是PC的2个代码
Apr 12 Javascript
js实现分享到随页面滚动而滑动效果的方法
Apr 10 Javascript
picLazyLoad 实现图片延时加载(包含背景图片)
Jul 21 Javascript
js事件冒泡、事件捕获和阻止默认事件详解
Aug 04 Javascript
jQuery图片瀑布流的简单实现代码
Mar 15 Javascript
详解VUE中v-bind的基本用法
Jul 13 Javascript
前端主流框架vue学习笔记第二篇
Jul 26 Javascript
慕课网题目之js实现抽奖系统功能
Sep 19 Javascript
vue的过滤器filter实例详解
Sep 17 Javascript
使用Easyui实现查询条件的后端传递并自动刷新表格的两种方法
Sep 09 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
解决File size limit exceeded 错误的方法
2013/06/14 PHP
基于php双引号中访问数组元素报错的解决方法
2018/02/01 PHP
PHP5.5新特性之yield理解与用法实例分析
2019/01/11 PHP
PHP各种常见经典算法总结【排序、查找、翻转等】
2019/08/05 PHP
js中通过split函数分割字符串成数组小例子
2013/09/21 Javascript
jQuery对象的length属性用法实例
2014/12/27 Javascript
JavaScript实现当网页加载完成后执行指定函数的方法
2015/03/21 Javascript
JavaScript简单实现弹出拖拽窗口(一)
2016/06/17 Javascript
探讨跨域请求资源的几种方式(总结)
2016/12/02 Javascript
JS中如何实现点击a标签返回页面顶部的问题
2017/01/19 Javascript
Node.js 的模块知识汇总
2017/08/16 Javascript
JavaScript实现旋转轮播图
2020/08/18 Javascript
angularJs中$scope数据序列化的实例
2018/09/30 Javascript
puppeteer库入门初探
2019/01/09 Javascript
vue-router 起步步骤详解
2019/03/26 Javascript
详解利用nodejs对本地json文件进行增删改查
2019/09/20 NodeJs
JavaScript实现与web通信的方法详解
2020/08/07 Javascript
JavaScript实现世界各地时间显示
2020/09/07 Javascript
[01:41]DOTA2 2015国际邀请赛中国区预选赛第三日战报
2015/05/28 DOTA
python的迭代器与生成器实例详解
2014/07/16 Python
Python解决鸡兔同笼问题的方法
2014/12/20 Python
python实现稀疏矩阵示例代码
2017/06/09 Python
python 处理dataframe中的时间字段方法
2018/04/10 Python
Python基于sklearn库的分类算法简单应用示例
2018/07/09 Python
对python修改xml文件的节点值方法详解
2018/12/24 Python
Python 实现数组相减示例
2019/12/27 Python
pycharm解决关闭flask后依旧可以访问服务的问题
2020/04/03 Python
Selenium环境变量配置(火狐浏览器)及验证实现
2020/12/07 Python
传统HTML页面实现模块化加载的方法
2018/10/15 HTML / CSS
Bootstrap 学习分享
2012/11/12 HTML / CSS
三八妇女节活动总结
2014/05/04 职场文书
2015年先进个人自荐书
2015/03/24 职场文书
保险公司岗前培训工作总结
2015/10/24 职场文书
CSS3 制作的书本翻页特效
2021/04/13 HTML / CSS
CKAD认证中部署k8s并配置Calico插件
2022/03/31 Servers
CSS 实现角标效果的完整代码
2022/06/28 HTML / CSS