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开发中因空格引发的错误
Nov 08 Javascript
两种方法实现文本框输入内容提示消失
Mar 17 Javascript
火狐textarea输入法的bug的触发及解决
Jul 24 Javascript
jquery队列queue与原生模仿其实现方法分享
Mar 25 Javascript
jQuery多条件筛选如何实现
Nov 04 Javascript
jQuery stop()用法实例详解
Jul 28 Javascript
基于node.js express mvc轻量级框架实践
Sep 14 Javascript
微信小程序日期时间选择器使用方法
Feb 01 Javascript
react同构实践之实现自己的同构模板
Mar 13 Javascript
Vue-Cli项目优化操作的实现
Oct 27 Javascript
JS如何在数组指定位置插入元素
Mar 10 Javascript
浅谈Ant Design Pro 菜单自定义 icon
Nov 17 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
虹吸式咖啡探讨–研磨
2021/03/03 冲泡冲煮
实用函数3
2007/11/08 PHP
加强版phplib的DB类
2008/03/31 PHP
php中的注释、变量、数组、常量、函数应用介绍
2012/11/16 PHP
PHP获取mysql数据表的字段名称和详细信息的方法
2014/09/27 PHP
详解WordPress开发中用于获取分类及子页面的函数用法
2016/01/08 PHP
javascript 动态加载 css 方法总结
2009/07/11 Javascript
javascript题目,重写函数让其无限相加
2012/02/15 Javascript
Jquery获取元素的父容器对象示例代码
2014/02/10 Javascript
常见的原始JS选择器使用方法总结
2014/04/09 Javascript
Bootstrap每天必学之标签页(Tab)插件
2020/08/09 Javascript
使用jQuery制作Web页面遮罩层插件的实例教程
2016/05/26 Javascript
纯前端JavaScript实现Excel IO案例分享
2016/08/26 Javascript
Angular4学习笔记之实现绑定和分包
2017/08/01 Javascript
Vue官方文档梳理之全局配置
2017/11/22 Javascript
JavaScript实现异步图像上传功能
2018/07/12 Javascript
layer插件select选中默认值的方法
2018/08/14 Javascript
Element UI框架中巧用树选择器的实现
2018/12/12 Javascript
JavaScript函数定义方法实例详解
2019/03/05 Javascript
koa+mongoose实现简单增删改查接口的示例代码
2019/05/13 Javascript
Vue 2.0 中依赖注入 provide/inject组合实战
2019/06/20 Javascript
[01:00:59]VP VS VG Supermajor小组赛胜者组第二轮 BO3第二场 6.2
2018/06/03 DOTA
[04:16]完美世界DOTA2联赛PWL S2 集锦第一期
2020/11/23 DOTA
python读取csv文件示例(python操作csv)
2014/03/11 Python
使用Python的Zato发送AMQP消息的教程
2015/04/16 Python
Python 操作MySQL详解及实例
2017/04/30 Python
Python内存管理方式和垃圾回收算法解析
2017/11/11 Python
Python实现Linux监控的方法
2019/05/16 Python
Keras:Unet网络实现多类语义分割方式
2020/06/11 Python
HTML5对比HTML4的主要改变和改进总结
2016/05/27 HTML / CSS
餐厅经理岗位职责范本
2014/02/17 职场文书
初三开学计划书
2014/04/27 职场文书
村党支部群众路线教育实践活动对照检查材料
2014/09/26 职场文书
学校社团活动总结
2015/05/07 职场文书
岗位聘任协议书
2015/09/21 职场文书
漫画「你在春天醒来」第10卷封面公开
2022/03/21 日漫