`

[转]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)  
        }  
    }  


分享到:
评论

相关推荐

    jQuery-ajax-用户名异步请求

    Ajax,即Asynchronous JavaScript and XML,允许我们在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容,提供更流畅的用户体验。 在“jQuery-ajax-用户名异步请求”这个场景中,我们可能是在设计一个...

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

    然而,使用AJAX,JavaScript可以直接创建XMLHttpRequest对象,向服务器发送GET或POST请求,并接收服务器返回的数据,无需刷新页面。 **AJAX 的组成部分** - **JavaScript**:AJAX 使用JavaScript作为主要的编程...

    Ajax与Struts2异步请求数据

    使用JavaScript(通常是jQuery库)发起异步请求,向服务器发送`id`,然后接收返回的JSON数据并更新页面的部分内容。例如,使用`$.ajax()`或`$.getJSON()`方法发起请求,并在`success`回调函数中处理返回的JSON数据。...

    Ajax异步请求的验证

    异步请求允许用户在等待响应的同时继续操作页面,提高了用户体验。 七、总结 Ajax异步请求的验证涉及多个方面,包括请求状态的检查、数据解析、错误处理以及跨域策略。熟练掌握这些知识点,能帮助开发者更好地构建...

    jquery异步请求例子

    在JavaScript的世界里,jQuery是一个非常流行的库,它简化了DOM操作、事件处理以及,当然,异步请求。本文将深入探讨jQuery中的异步请求,即AJAX(Asynchronous JavaScript and XML),并提供一个实例来帮助理解。 ...

    异步刷新返回json数据的增删改查

    本文将深入探讨“异步刷新返回JSON数据的增删改查”这一主题,以及如何利用AJAX技术实现这些操作。 首先,我们需要理解什么是AJAX(Asynchronous JavaScript and XML)。AJAX并非一种单一的技术,而是一种使用现有...

    异步 提交表单请求

    当服务器返回响应时,JavaScript会接收到数据并进行相应的操作,而不是像同步请求那样更新整个页面。 2. **Ajax基本结构** Ajax请求通常包括以下几个部分: - **创建XMLHttpRequest对象**:这是所有Ajax交互的...

    jquery异步方式请求

    本文将深入探讨如何使用jQuery进行异步请求,这是一种非常关键的技术,它允许网页在不重新加载整个页面的情况下,通过Ajax与服务器进行数据交换,从而实现动态更新页面内容。 ### jQuery异步请求概述 jQuery的异步...

    关于jquery ajax 调用带参数的webservice返回XML数据一个小细节.docx

    总的来说,调用带参数的Web Service并接收XML数据时,确保`data`参数正确构造,`dataType`设置为"XML",并且在Web Service端正确处理请求和返回数据。避免盲目地复制和粘贴代码,而是理解每个部分的作用,以确保代码...

    在外部方法使用Ajax请求返回的数据

    在JavaScript的世界里,Ajax(Asynchronous JavaScript and XML)是一种创建动态网页的技术,它允许在不刷新整个页面的情况下,与服务器交换数据并更新部分网页内容。jQuery是一个强大的JavaScript库,它简化了...

    JAVA与XML异步刷新

    异步刷新的关键在于,用户触发一个操作后,后台会发送一个请求到服务器,服务器处理这个请求并返回数据,通常是XML格式,然后JavaScript在客户端接收到这些数据并动态更新页面,整个过程用户几乎感觉不到页面的刷新...

    JavaScript获取XML文件的数据

    - **使用AJAX**:XMLHttpRequest对象是JavaScript中用于异步请求数据的主要工具,包括加载XML文件。通过创建XMLHttpRequest实例,设置HTTP请求,然后监听`onreadystatechange`事件,当状态变为4(表示请求已完成)...

    ajax异步请求小结

    **Ajax异步请求小结** Ajax(Asynchronous JavaScript and XML)是一种用于创建快速、动态网页的技术,它允许在不重新加载整个页面的情况下,与服务器交换数据并更新部分网页内容。这种技术极大地提升了用户体验,...

    Ajax异步请求分页

    5. JavaScript解析返回的数据,并使用DOM操作将新数据插入到页面中。 6. 页面局部更新,用户看到新的分页内容,而无需刷新整个页面。 **三、C#在Ajax分页中的作用** 在服务器端,C#常常用于处理请求、计算分页逻辑...

    异步请求的多级可增长折叠菜单

    在这个项目中,主要采用了CSS(层叠样式表)来定义菜单的外观,jQuery库来处理事件和异步请求,HTML来构建基本的结构,以及AJAX(异步JavaScript和XML)来实现实时的数据交互。下面将详细介绍这些技术及其在实现多级...

    Java通过jQuery实现ajax异步请求

    在本项目中,jQuery的核心功能——AJAX(Asynchronous JavaScript and XML)被用来发送异步请求到服务器,获取或更新数据,而无需刷新整个页面。AJAX的主要优势在于提高用户体验,因为用户可以继续在页面上进行其他...

    异步请求和同步请求1

    相比之下,异步请求,通常与Ajax(Asynchronous JavaScript and XML)技术一起使用,提供了非阻塞的交互体验。在异步请求中,浏览器可以发送一个请求给服务器,然后立即继续处理其他任务,而不必等待服务器的响应。...

    ajax .net 异步请求方式

    在.NET框架中,AJAX(Asynchronous JavaScript and XML)技术被广泛用于构建具有高度交互性和响应性的Web应用程序。AJAX允许在不刷新整个页面的情况下,通过后台与服务器进行数据交换,提升用户体验。本文将深入探讨...

    Ajax异步请求

    **Ajax异步请求详解** Ajax(Asynchronous JavaScript and XML)是一种在无需刷新整个网页的情况下,能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换,使得网页实现异步更新,大大提升了用户体验。...

Global site tag (gtag.js) - Google Analytics