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 相关文章推荐
jQuery 使用手册(七)
Sep 23 Javascript
javascript AOP 实现ajax回调函数使用比较方便
Nov 20 Javascript
基于jQuery的合并表格中相同文本的相邻单元格的代码
Apr 06 Javascript
ExtJS中设置下拉列表框不可编辑的方法
May 07 Javascript
JQuery中使用ajax传输超大数据的解决方法
Jul 14 Javascript
Javascript基础教程之break和continue语句
Jan 18 Javascript
用JavaScript显示浏览器客户端信息的超相近教程
Jun 18 Javascript
原生js的数组除重复简单实例
May 24 Javascript
详解Js模板引擎(TrimPath)
Nov 22 Javascript
使用JavaScript为一张图片设置备选路径的方法
Jan 04 Javascript
js数字舍入误差以及解决方法(必看篇)
Feb 28 Javascript
react-native聊天室|RN版聊天App仿微信实例|RN仿微信界面
Nov 12 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 json_decode函数详细解析
2014/02/17 PHP
php实现留言板功能(代码详解)
2017/03/28 PHP
一个非常全面的javascript URL解析函数和分段URL解析方法
2014/04/12 Javascript
Node.js编码规范
2014/07/14 Javascript
大型JavaScript应用程序架构设计模式
2016/06/29 Javascript
微信小程序 Image API实例详解
2016/09/30 Javascript
浅谈jQuery双事件多重加载的问题
2016/10/05 Javascript
javascript另类方法实现htmlencode()与htmldecode()函数实例分析
2016/11/17 Javascript
jQuery Masonry瀑布流插件使用方法详解
2017/01/18 Javascript
jQuery监听浏览器窗口大小的变化实例
2017/02/07 Javascript
easyui关于validatebox实现多重规则验证的方法(必看)
2017/04/12 Javascript
Vue组件模板形式实现对象数组数据循环为树形结构(实例代码)
2017/07/31 Javascript
详解angularJS+Ionic移动端图片上传的解决办法
2017/09/13 Javascript
javaScript日期工具类DateUtils详解
2017/12/08 Javascript
微信小程序实现蒙版弹窗效果
2018/11/01 Javascript
微信小程序使用component自定义toast弹窗效果
2018/11/27 Javascript
js实现mp3录音通过websocket实时传送+简易波形图效果
2020/06/12 Javascript
vue打开子组件弹窗都刷新功能的实现
2020/09/21 Javascript
分析Python的Django框架的运行方式及处理流程
2015/04/08 Python
python使用fork实现守护进程的方法
2017/11/16 Python
python 遍历列表提取下标和值的实例
2018/12/25 Python
python智联招聘爬虫并导入到excel代码实例
2019/09/09 Python
selenium中get_cookies()和add_cookie()的用法详解
2020/01/06 Python
HTML5边玩边学(1)画布实现方法
2010/09/21 HTML / CSS
整个世界的设计师家具在哈恩:Designathome
2019/03/25 全球购物
美国爆米花工厂:The Popcorn Factory
2019/09/14 全球购物
德国高尔夫商店:Par71.de
2020/11/29 全球购物
Athleta官网:购买女士瑜伽服、技术运动服和休闲运动服
2020/11/12 全球购物
小学生考试获奖感言
2014/01/30 职场文书
《威尼斯的小艇》教学反思
2014/02/17 职场文书
国庆节活动总结
2014/08/26 职场文书
个人授权委托书格式
2014/08/30 职场文书
2014年乡镇妇联工作总结
2014/12/02 职场文书
傲慢与偏见读书笔记
2015/06/29 职场文书
Python爬虫中urllib3与urllib的区别是什么
2021/07/21 Python
阿里云 Windows server 2019 配置FTP
2022/04/28 Servers