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 相关文章推荐
通过Mootools 1.2来操纵HTML DOM元素
Sep 15 Javascript
javascript实现促销倒计时+fixed固定在底部
Sep 18 Javascript
javascript实现网页背景烟花效果的方法
Aug 06 Javascript
基于javascript制作微信聊天面板
Aug 09 Javascript
浅谈JavaScript的push(),pop(),concat()方法
Jun 03 Javascript
Angularjs 设置全局变量的方法总结
Oct 20 Javascript
JS实现的简易拖放效果示例
Dec 29 Javascript
AngularJS实现controller控制器间共享数据的方法示例
Oct 30 Javascript
JavaScript正则表达式函数总结(常用)
Feb 22 Javascript
微信小程序开发的基本流程步骤
Jan 31 Javascript
详解vue 2.6 中 slot 的新用法
Jul 09 Javascript
Vue的状态管理vuex使用方法详解
Feb 05 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获取中英混合字符串长度的方法
2014/06/07 PHP
浅谈php安全性需要注意的几点事项
2014/07/17 PHP
PHP多线程类及用法实例
2014/12/03 PHP
PHP回溯法解决0-1背包问题实例分析
2015/03/23 PHP
PHP使用array_merge重新排列数组下标的方法
2015/07/22 PHP
golang与php实现计算两个经纬度之间距离的方法
2016/07/22 PHP
PHP高并发和大流量解决方案整理
2019/12/24 PHP
js去除输入框中所有的空格和禁止输入空格的方法
2014/06/09 Javascript
简介JavaScript中valueOf()方法的使用
2015/06/05 Javascript
jQuery实现ctrl+enter(回车)提交表单
2015/10/19 Javascript
jQuery实现Email邮箱地址自动补全功能代码
2015/11/03 Javascript
获取input标签的所有属性的方法
2016/06/28 Javascript
浅谈Angular的$q, defer, promise
2016/12/20 Javascript
Vue项目中quill-editor带样式编辑器的使用方法
2017/08/08 Javascript
vue 中directive功能的简单实现
2018/01/05 Javascript
原生js+css调节音量滑块
2020/01/15 Javascript
Python3基础之输入和输出实例分析
2014/08/18 Python
Python StringIO模块实现在内存缓冲区中读写数据
2015/04/08 Python
详解Python编程中time模块的使用
2015/11/20 Python
浅谈Python traceback的优雅处理
2018/08/31 Python
pycharm 取消默认的右击运行unittest的方法
2018/11/29 Python
Python采集猫眼两万条数据 对《无名之辈》影评进行分析
2018/12/05 Python
python 爬取疫情数据的源码
2020/02/09 Python
Python对称的二叉树多种思路实现方法
2020/02/28 Python
Python使用for生成列表实现过程解析
2020/09/22 Python
Hotter Shoes美国官网:英国最受欢迎的舒适鞋
2018/08/02 全球购物
斯福泰克软件测试面试题
2015/02/16 面试题
会议接待欢迎词
2014/01/12 职场文书
护士长2014年度工作总结
2014/11/11 职场文书
幼儿园中班教师个人工作总结
2015/02/06 职场文书
出国留学英文自荐信
2015/03/25 职场文书
房地产销售员岗位职责
2015/04/11 职场文书
2015年建筑工作总结报告
2015/05/04 职场文书
生产车间管理制度
2015/08/04 职场文书
六年级语文教学反思
2016/03/03 职场文书
如何理解及使用Python闭包
2021/06/01 Python