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 相关文章推荐
解决FireFox下[使用event很麻烦]的问题
Nov 26 Javascript
JS 建立对象的方法
Apr 21 Javascript
jQuery EasyUI API 中文文档 - Draggable 可拖拽
Sep 29 Javascript
Jquery的hide及toggle方法让超链接慢慢消失
Sep 06 Javascript
jquery 为a标签绑定click事件示例代码
Jun 23 Javascript
深入分析jQuery的ready函数是如何工作的(工作原理)
Dec 17 Javascript
jquery实现无刷新验证码的简单实例
May 19 Javascript
jQuery EasyUI datagrid在翻页以后仍能记录被选中行的实现代码
Aug 15 Javascript
概述BootStrap中role=&quot;form&quot;及role作用角色
Dec 08 Javascript
Bootstrap CSS组件之按钮组(btn-group)
Dec 17 Javascript
详解vue-property-decorator使用手册
Jul 29 Javascript
JavaScript 数组去重详解
Sep 15 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
杏林同学录(七)
2006/10/09 PHP
PHP实现获取并生成数据库字典的方法
2016/05/04 PHP
JavaScript 学习点滴记录
2009/04/24 Javascript
javascript中&quot;/&quot;运算符常见错误
2010/10/13 Javascript
javascript验证邮件地址和MX记录的方法
2015/06/16 Javascript
javascript弹出窗口实现代码
2015/11/12 Javascript
分离与继承的思想实现图片上传后的预览功能:ImageUploadView
2016/04/07 Javascript
纯js实现瀑布流布局及ajax动态新增数据
2016/04/07 Javascript
KnockoutJS 3.X API 第四章之表单value绑定
2016/10/10 Javascript
微信小程序 MINA文件结构
2016/10/17 Javascript
javascript实现根据函数名称字符串动态执行函数的方法示例
2016/12/28 Javascript
在vue中添加Echarts图表的基本使用教程
2017/11/22 Javascript
JS实现动态生成html table表格的方法分析
2018/07/11 Javascript
node.js中express模块创建服务器和http模块客户端发请求
2019/03/06 Javascript
微信小程序云开发之云函数详解
2019/05/16 Javascript
vue router 传参获取不到的解决方式
2019/11/13 Javascript
Python正则抓取新闻标题和链接的方法示例
2017/04/24 Python
python中requests爬去网页内容出现乱码问题解决方法介绍
2017/10/25 Python
python+pygame简单画板实现代码实例
2017/12/13 Python
Python针对给定列表中元素进行翻转操作的方法分析
2018/04/27 Python
Python使用微信itchat接口实现查看自己微信的信息功能详解
2019/08/22 Python
使用TensorFlow直接获取处理MNIST数据方式
2020/02/10 Python
Keras 中Leaky ReLU等高级激活函数的用法
2020/07/05 Python
django rest framework 自定义返回方式
2020/07/12 Python
python实现人工蜂群算法
2020/09/18 Python
世界顶级足球门票网站:Live Football Tickets
2017/10/14 全球购物
美国孩之宝玩具官网:Hasbro Pulse
2019/06/24 全球购物
土耳其风格手工珠宝:Ottoman Hands
2019/07/26 全球购物
白酒业务员岗位职责
2013/12/27 职场文书
书香校园建设方案
2014/05/02 职场文书
第二次离婚起诉书
2015/05/18 职场文书
预备党员表决心的话
2015/09/22 职场文书
django注册用邮箱发送验证码的实现
2021/04/18 Python
python使用PySimpleGUI设置进度条及控件使用
2021/06/10 Python
Python Django / Flask如何使用Elasticsearch
2022/04/19 Python
SQL Server中搜索特定的对象
2022/05/25 SQL Server