`

[转]js操作异步请求返回的XML数据操作

阅读更多
    //兼容性创建xmlHttp对象  
    if (window.ActiveXObject && !window.XMLHttpRequest) {  
        window.XMLHttpRequest = function() {  
            var msxmls = ["MSXML2.XMLHttp.5.0", "MSXML2.XMLHttp.4.0", "MSXML2.XMLHttp.3.0",  
                          "MSXML2.XMLHttp", "Microsoft.XMLHttp"],ex;  
            for (var i = 0; i < msxmls.length; i++)  
            try {  
                return new ActiveXObject(msxmls[i])  
            } catch(ex) {}  
            throw new Error("No   XML   component   installed! ");  
        }  
    }  
    //实例化一个xmlhttp对象  
    var xmlHttp = new XMLHttpRequest();  
    //XMLHttp的readyState状态改变时处理函数绑定  
    xmlHttp.onreadystatechange = HandlerStateChange;  
      
    //创建一个新的http请求,并指定此请求的方法、URL以及验证信息  
    xmlHttp.open("GET", "SiteConfigXML.xml", false);  
      
    //发送请求到http服务器并接收回应  
    xmlHttp.send();  
      
    function HandlerStateChange() {  
    //状态0 -- 对象已建立,但是尚未初始化(尚未调用open方法)  
    //状态1 -- 对象已建立,尚未调用send方法  
    //状态2 -- send方法已调用,但是当前的状态及http头未知  
    //状态3 -- 已接收部分数据,因为响应及http头不全,  
    //         这时通过responseBody和responseText获取部分数据会出现错误  
    //状态4 -- 数据接收完毕,此时可以通过通过responseBody和responseText获取完整的回应数据  
    //alert(xmlHttp.readyState)  
      
        //返回当前请求的http状态码[200--成功  
        //alert(xmlHttp.status);  
        if (xmlHttp.readyState == 4 && xmlHttp.status == 200) {  
            //responseText 将响应信息作为字符串返回  
            //responseXML  xml的文档节点  
            var xmlData = xmlHttp.responseXML;  
            //documentElement 返回跟节点  
            var root = xmlData.documentElement;  
            //attributes 获取属性集合  
            var attr = root.attributes;  
            //alert(attr.length)  
            //ie下获取节点值 text  
            //FF下获取节点值 textContent  
            //兼容性获取  
            var oFind = root.getElementsByTagName("findTag")[0];  
            var isFindTXT = root.text ? oFind.text: oFind.textContent;  
            alert(isFindTXT)  
        }  
    }  


分享到:
评论

相关推荐

    AJAX简介 异步 JavaScript 及 XML(Asynchronous JavaScript And XML)

    AJAX 指异步 JavaScript 及 XML(Asynchronous JavaScript And XML)。 AJAX 是一种在 2005 年由 Google 推广开来的编程模式。 AJAX 不是一种新的编程语言,而是一种使用现有标准的新方法。 通过 AJAX,你可以创建更...

    Ajax异步请求&Json数据格式配套学习资料

    Ajax(ASynchronous JavaScript And XML):是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术, Json(JavaScript Object Notation) :现在多用于存储和交换文本信息的语法;进行数据的传输,SON 比 XML 更小...

    JavaScript中完整的Ajax异步请求的理解和使用

    AJAX, Asynchronous Javascript And XML,异步 JavaScript 和 XML,一种创建交互式网页应用的网页开发技术。 原理: 通过在后台与服务器进行少量数据交换,AJAX可以是网页实现异步更新。 这意味着可以在不重新加载...

    前后端数据交互ajax ,包括原生js的ajax,以及jquery中的ajax的使用(一)

    1.异步:代表的是前端向后台发起请求,让后端处理完成,然后再返回一段数据,前端拿到返回的数据后需要做一系列的处理,前端处理这些数据就是异步的行为。(那一瞬间你没偶数据,等后端处理完成才能回头处理你的事件...

    mimic.js:JavaScript XML-RPC 客户端支持同步和异步请求

    Mimic 是一个用 JavaScript 实现的开源 XML-RPC 客户端。 它被归类为客户端,因为它只能生成请求和解析响应,因此您不能使用它来解析请求并根据服务器实现的要求生成响应。 它旨在嵌入到网页中,并使它们能够通过 ...

    ajaxDemo.zip

    AJAX: 全称Asynchronous JavaScript And XML,即异步JS和XML。 通过AJAX可以在浏览器中向服务器发送异步请求。 最大的优势:无刷新的获取数据。 Ajax不是新的编程语言,而是一种将现有的标准组合在一起使用的新...

    从浅到深,带你彻底搞懂AJAX异步请求

    在平时开发过程中,异步请求似乎比同步请求出现的频率还要高一些。这是为什么呢?在同步请求时如果对网页的部分内容进行更新时,是不是就必须重载整个页面。这样肯定是不行的,这时就可以采用异步请求来解决此问题。...

    XML轻松学习手册--XML肯定是未来的发展趋势,不论是网页设计师还是网络程序员,都应该及时学习和了解

    这是一个质的区别:网页将数据和显示混在一起,而XML则将数据和显示分开来。 我们看上面的例子,在myfile.htm中,我们只关心页面的显示方式,我们可以设计不同的界面,用不同的方式来排版页面,但数据是储存在...

    用AJAX实现页面登陆以及注册用户名验证的简单实例

    该对象在 Internet Explorer 5 中首次引入,它是一种支持异步请求的技术。简而言之,XMLHttpRequest使您可以使用 JavaScript 向服务器提出请求并处理响应,而不阻塞用户。 通过在后台与服务器进行少量数据交换,AJAX...

    ajax+json.pdf

    ASynchronous JavaScript And XML 异步的 JavaScript 和 XML; 异步和同步: 同步和异步本身是相对的 同步就相当于是 当客户端发送请求给服务端,在等待服务端响应的 请求时,客户端不做其他的事情。当服务端做完了才...

    Ajax异步请求技术实例讲解

    AJAX的全称是Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。 AJAX不是新的编程语言,而是一种使用现有标准的新方法。ajax是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况下。...

    Ajax笔记.docx

    Ajax(Asynchronous JavaScript and XML)即异步 JavaScript 和 XML,是一种用于创建快速动态网页的技术。Ajax 通过在后台与服务器进行少量数据交换,而无需重新加载整个网页,就能使网页实现异步更新。这种技术基于...

    ajax文档ajax文档

    AJAX 指异步 JavaScript 及 XML(Asynchronous ...该对象在Internet Explorer 5中首次引入,它是一种支持异步请求的技术。简而言之,XmlHttpRequest使您可以使用JavaScript向服务器提出请求并处理响应,而不阻塞用户。

    AJAX异步通信技术学习笔记

    AJAX是一中运用JavaScript和可扩展编辑语言(XML),在网络浏览器和服务器之间传送或接收数据的技术。 AJAX的工作原理相当与在用户和服务器之间加了一个中间层,使用户请求与服务器响应异步化。这样还可以把以前的...

    Ajax技术课件,保密资料下载

    1 异步请求对象 xhr javascript对象 ---- 浏览器中 ---- 浏览器差异 window.XMLHttpRequest window.ActiveXObject Firefox XMLHttpRequest var xhr = new XMLHttpRequest(); IE ActiveXObject ...

    ajax + div +js +xml+ servlet 实现无限级动态目录树(原创)

    博文链接:https://streamfly.iteye.com/blog/78905

    什么是Ajax?Ajax如何发送请求(详)源码

    Ajax 是 Asynchronous Javascript And XML 的缩写,它是异步的 Javascript 和 XML技术,是由 Javascript 、 XML 、DOM、CSS等多种已有技术合成的一种浏览端技术,应用于与服务器进行异步交互功能的实现 Ajax技术...

    ASP.NET AJAX 省市县三级联动 带sql 完整数据库

    AJAX(Asynchronous JavaScript And XML,异步JavaScript 和XML),是2005 年由Google推广开来的一种编程模式。AJAX不是一种新的编程语言,而是一种使用现有标准的新方法,通过基于JavaScript和HTTP请求AJAX,可以创建...

    AJAX实现简单的注册页面异步请求实例代码

    (1)AJAX = 异步 JavaScript 和 XML。 (2)AJAX 是一种用于创建快速动态网页的技术。 (3)通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某...

    ajax长连接式的浏览器、服务器的全双工通信框架.rar

    借助于Ajax,可以在用户单击按钮时,使用JavaScript和DHTML立即更新UI,并向服务器发出异步请求,以执行更新或查询数据库。当请求返回时,就可以使用JavaScript和CSS来相应地更新UI,而不是刷新整个页面。最重要的是...

Global site tag (gtag.js) - Google Analytics