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 判断浏览器类型 去全角、半角空格 自动关闭当前窗口
Apr 10 Javascript
jquery实现的一个导航滚动效果具体代码
May 27 Javascript
详解JavaScript语法对{}处理的坑爹之处
Jun 05 Javascript
简介JavaScript中的unshift()方法的使用
Jun 09 Javascript
JS+CSS实现电子商务网站导航模板效果代码
Sep 10 Javascript
基于jquery实现全屏滚动效果
Nov 26 Javascript
jQuery中的Deferred和promise 的区别
Apr 03 Javascript
JavaScript中的Number数字类型学习笔记
May 26 Javascript
AngularJS之自定义服务详解(factory、service、provider)
Apr 14 Javascript
浅谈Vue.js 组件中的v-on绑定自定义事件理解
Nov 17 Javascript
JavaScript代码模拟鼠标自动点击事件示例
Aug 07 Javascript
Vue的生命周期一起来看看
Feb 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
使用PHPMyAdmin修复论坛数据库的图文方法
2012/01/09 PHP
多个PHP中文字符串截取函数
2013/11/12 PHP
PHP里8个鲜为人知的安全函数分析
2014/12/09 PHP
基于jquery.Jcrop的头像编辑器
2010/03/01 Javascript
javascript中的prototype属性使用说明(函数功能扩展)
2010/08/16 Javascript
Javascript 八进制转义字符(8进制)
2011/04/08 Javascript
jquery改变disabled的boolean状态的三种方法
2013/12/13 Javascript
JavaScript字符串常用的方法
2016/03/10 Javascript
基于JS+Canves实现点击按钮水波纹效果
2016/09/15 Javascript
JQuery 动态生成Table表格实例代码
2016/12/02 Javascript
jQuery中的deferred使用方法
2017/03/27 jQuery
AngularJS中ng-options实现下拉列表的数据绑定方法
2018/08/13 Javascript
vue项目打包部署到服务器的方法示例
2018/08/27 Javascript
如何在vue项目中嵌入jsp页面的方法(2种)
2020/02/06 Javascript
vue.js 输入框输入值自动过滤特殊字符替换中问标点操作
2020/08/31 Javascript
[03:55]TI9战队采访——TNC Predator
2019/08/22 DOTA
Python SQLite3数据库操作类分享
2014/06/10 Python
在python中实现强制关闭线程的示例
2019/01/22 Python
python3实现点餐系统
2019/01/24 Python
Python list列表中删除多个重复元素操作示例
2019/02/27 Python
Python2与Python3的区别实例总结
2019/04/17 Python
python的pytest框架之命令行参数详解(下)
2019/06/27 Python
Django配置MySQL数据库的完整步骤
2019/09/07 Python
Python爬取知乎图片代码实现解析
2019/09/17 Python
python多线程实现代码(模拟银行服务操作流程)
2020/01/13 Python
美特斯邦威官方商城:邦购网
2016/10/13 全球购物
自我评价格式
2014/01/06 职场文书
家教广告词
2014/03/19 职场文书
幼儿教师演讲稿
2014/05/06 职场文书
三八妇女节趣味活动方案
2014/08/23 职场文书
标准单位租车协议书
2014/09/23 职场文书
2014年民政工作总结
2014/11/26 职场文书
趵突泉导游词
2015/02/03 职场文书
国王的演讲观后感
2015/06/03 职场文书
浅谈mysql执行过程以及顺序
2021/05/12 MySQL
Python 统计序列中元素的出现频度
2022/04/26 Python