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 相关文章推荐
javascript实现轮显新闻标题链接
Aug 13 Javascript
jQuery 标题的自动翻转实现代码
Oct 14 Javascript
js onload处理html页面加载之后的事件
Oct 30 Javascript
css与javascript跨浏览器兼容性总结
Sep 15 Javascript
jQuery中appendTo()方法用法实例
Jan 08 Javascript
jQuery三级下拉列表导航菜单代码分享
Apr 15 Javascript
Bootstrap表单使用方法详解
Feb 17 Javascript
JavaScript 上传文件(psd,压缩包等),图片,视频的实现方法
Jun 19 Javascript
Vue之Watcher源码解析(1)
Jul 19 Javascript
vue 组件的封装之基于axios的ajax请求方法
Aug 11 Javascript
angular共享依赖的解决方案分享
Oct 15 Javascript
JavaScript中arguments的使用方法详解
Dec 20 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解耦的三重境界(浅谈服务容器)
2017/03/13 PHP
php多进程中的阻塞与非阻塞操作实例分析
2020/03/04 PHP
javascript数组去掉重复
2011/05/12 Javascript
各浏览器对click方法的支持差异小结
2011/07/31 Javascript
JavaScript中的this关键字使用方法总结
2015/03/13 Javascript
Jquery实现动态切换图片的方法
2015/05/18 Javascript
jQuery实现的倒计时效果实例小结
2016/04/16 Javascript
必备的JS调试技巧汇总
2016/07/20 Javascript
Node.js实现兼容IE789的文件上传进度条
2016/09/02 Javascript
Node.js包管理器Yarn的入门介绍与安装
2016/10/17 Javascript
javaScript基础详解
2017/01/19 Javascript
详解为Bootstrap Modal添加拖拽的方法
2018/01/05 Javascript
Node.js readline 逐行读取、写入文件内容的示例
2018/03/01 Javascript
node打造微信个人号机器人的方法示例
2018/04/26 Javascript
Vue.JS实现垂直方向展开、收缩不定高度模块的JS组件
2018/06/19 Javascript
BootstrapValidator实现表单验证功能
2019/11/08 Javascript
JS localStorage存储对象,sessionStorage存储数组对象操作示例
2020/02/15 Javascript
vue 使用v-for进行循环的实例代码详解
2020/02/19 Javascript
js对象简介与基本用法示例
2020/03/13 Javascript
python交易记录链的实现过程详解
2019/07/03 Python
Numpy将二维数组添加到空数组的实现
2019/12/05 Python
Python解释器以及PyCharm的安装教程图文详解
2020/02/26 Python
浅谈matplotlib中FigureCanvasXAgg的用法
2020/06/16 Python
世界上最大的乐器零售商:Guitar Center
2017/11/07 全球购物
公司财务总监岗位职责
2013/12/14 职场文书
创业计划书的主要内容有哪些
2014/01/29 职场文书
九年级政治教学反思
2014/02/06 职场文书
军训自我鉴定范文
2014/02/13 职场文书
业务员简历自我评价
2014/03/06 职场文书
党员四风自我剖析材料思想汇报
2014/09/13 职场文书
2014感恩节演讲稿大全
2014/10/11 职场文书
2015年安全教育月活动总结
2015/03/26 职场文书
毕业论文答辩演讲稿
2015/06/23 职场文书
2015年统计员个人工作总结
2015/07/23 职场文书
2016教师给学生的毕业寄语
2015/12/04 职场文书
高中班主任寄语
2019/06/21 职场文书