`

ajax的xmlHttpRequest对象

 
阅读更多

           XMLHttpRequest对象是ajax的核心,它有许多属性,方法和事件以便于脚本的处理和控制http的请求响应。如果你一直在使用原生的javascript做开发,那么在使用ajax的过程中,这个对象你需要非常了解,假使你用jquery之类的封装框架的话,那么多对它有一份了解,也能加深你对ajax的理解。

 

            下面是它的一些属性的介绍:

             1.readState属性:当xmlHttpRequest对象被创建后,这个属性,会告诉你,核心对象被创建后,是处于何种状态,是否可以访问或者处理,readState可以等于0,1,2,3,4;分别表示,0:已创建对象,但未初始化(如:int i;),1:已调用对象的open()方法,准备发送请求,2:已调用send()方法去请求,但是未得到响应,3:正在响应 ,4:完成响应,完成httpResponse响应的接收。

             2.responseText属性:包含了客户端接收到的来自http响应的文本内容。当readState为0,或1或2时,该属性是一个空字符串,当为3时,是部分已接收到的字符串,当为4时,该属性为完整的响应信息。

             3.responseXml属性:只有当readyState=4且响应头部的Content-Type的类型指定为XML(text/xml或者application/xml)时,该属性的值才为一个xml文档,否则为null,假使回传的xml格式不良或者未完成响应回传,该属性值也为null。它被用来描述xmlHttpRequest对象解析xml文档后的属性。

             4.status属性:标记了http状态代码。只有在readyState=3或者4时,这个属性才能进行访问,否则获取该属性时,将引发异常。

             5.statusText属性:标记了http状态代码的文本。只有在readyState=3或者4时,这个属性才能进行访问,否则获取该属性时,将引发异常。

 

 

           下面是它的一个事件介绍:onreadystatechange事件

            每当readyState的属性发生改变,就会触发该事件, 为ajax请求中使用最为频繁的核心事件。

 

           下面是一些方法的介绍:

            1.open():xmlHttpRequest对象通过调用open(method,uri,async,username,password)方法,进行初始化工作。调用该方法后,返回一个可以进行发送(send()方法)的对象。method为必填参数,按照http规范,可以为GET,POST,PUT,DELETE和HEAD;uri用于指定xmlHttpRequest对象请求的服务器地址,可以为相对路径或者绝对路径,最终都将解析为绝对路径;async用于指定是否异步,默认为true;如果服务器需要验证访问用户,那么username和password的这两个参数即可以使用到。

             2.send():send()方法将open()方法中的参数进行请求发送,即它只能在open()调用之后,才能调用,即readState=1之后才能调用send(),在send()接受到响应信息之前,readyState=2,一旦send()接受到响应信息,readyState=3,直到最后接受完成,readyState=4。send方法使用也贵可选的参数,该参数可以包含可变类型的数据。对于大。多数的其它的数据类型,在调用send()之前,应该使用setRequestHeader()设置Content-Type 。一般使用send(null)显示调用该方法,假使send(data)中的data类型是DOMString,数据被编辑为utf-8,如果是Document,则由

data.xmlEncoding指定的编码串行化该数据。

         3.about():可以暂停一个httpRequest的请求发送或者接收,并且将xmlHttpRequest对象设置为初始化状态。

           4.setRequestHeader():设置请求的头部信息,当readyState=1时,可以在调用open()后调用它,否则会得到异常。

.          5.setResponseHeader():用于检索响应头信息,当readyState=4或者3时,才可以调用,否则得到一个空字符串。此外,getAllResponseHeader()用于获得所有的httpResponse的头部信息。

0
0
分享到:
评论

相关推荐

    全面剖析 Ajax XMLHttpRequest对象

    XMLHttpRequest对象是Ajax技术的核心,它是现代Web应用中用于实现客户端与服务器间异步数据交换的关键组件。在不刷新整个页面的情况下,XMLHttpRequest允许开发者通过JavaScript动态更新网页内容,极大地提升了用户...

    jQuery AJAX XMLHttpRequest对象PPT

    XMLHttpRequest对象是JavaScript中用于异步数据交换的核心组件,它是AJAX(Asynchronous JavaScript and XML)技术的基础。AJAX允许网页在不刷新整个页面的情况下,仅更新部分区域,从而提高用户体验。尽管名称中...

    Ajax XMLHttpRequest对象新手入门

    有想法就看看咯! 反正闲着也是闲着 不如多学点 我不知道这个别人传过不? 这是老师给的

    Ajax深度剖析,XMLHttpRequest对象大揭秘

    XMLHttpRequest对象是Ajax技术的基础,它允许JavaScript在页面不刷新的情况下与服务器进行通信。创建一个XMLHttpRequest实例非常简单: ```javascript var xhr = new XMLHttpRequest(); ``` 一旦创建了实例,我们...

    Ajax中的XMLHttpRequest对象详解

    Ajax 中的 XMLHttpRequest 对象详解 XMLHttpRequest 对象是 Ajax 技术的核心,它是一种浏览器对象,用于模拟 HTTP 的 GET 和 POST 请求。配合 JavaScript,可以实现页面数据在无刷新下的定时更新。 XMLHttpRequest...

    Ajax 创建XMLHttpRequest对象,兼容所有主流浏览器(IE5除外)

    经测试,用此方法创建XMLHttpRequest对象,在运用AJAX的时候,可以的兼容IE6,IE7,IE8,Opera,Safari,Google Chrome,fireFox。主流的应该就这些吧?theWorld,遨游等浏览器都是以IE为核心的,所以肯定也没问题。 另外...

    全面剖析Ajax的XMLHttpRequest对象.doc

    Ajax 中的 XMLHttpRequest 对象 Ajax 是一种异步的 JavaScript 与 XML 技术,用于在客户端脚本与服务器之间实现数据交互过程。XMLHttpRequest 对象是 Ajax 的技术基础,尽管现在提供了各种 Ajax 框架,但是理解这个...

    AJAX XMLHttpRequest对象详解

    以上就是一个简单的AJAX请求示例,通过XMLHttpRequest对象实现了与服务器的交互,而无需刷新整个页面。在实际应用中,开发者通常会使用jQuery、axios、fetch等库来简化这一过程,但理解XMLHttpRequest的工作原理对于...

    AJAX XMLHttpRequest对象创建使用详解

    首先,创建XMLHttpRequest对象是使用AJAX的第一步。在现代浏览器中(如IE7+、Firefox、Chrome、Safari和Opera),XMLHttpRequest对象是内置的,可以直接实例化: ```javascript var xhr = new XMLHttpRequest(); ``...

    ajax 对象池,一个页面多个XMLHttpRequest对象

    ajax XMLHttpRequest。。。。。。

    VS2008 AJAX控件介绍 AJAX组成及XMLHttpRequest对象

    通过理解AJAX的组成和XMLHttpRequest对象的工作原理,开发者可以更好地利用这些控件,创建出更动态、更高效的网页应用。在实际开发中,结合VS2008的AJAX控件和AJAX框架,可以大大简化代码编写,提高开发效率。

    Ajax核心对象XMLHTTPRequest

    Ajax核心对象XMLHTTPRequest详细参数及例子

    AjaxXMLHttpRequest_Demo02.zip

    在AjaxXMLHttpRequest_Demo02.zip中,我们可能会看到以下几个关键组成部分: 1. **HTML文件**:通常命名为index.html,它是用户界面的基础,包含用户交互的元素,如按钮、输入框等。当用户触发某个事件(如点击按钮...

    创建XMLHttpRequest对象的方法.rar

    总结,"创建XMLHttpRequest对象的方法.rar"这个资源主要介绍了如何在JavaScript中创建并使用XMLHttpRequest对象进行AJAX通信,包括对象创建、状态监听、请求初始化和发送、以及响应处理等关键步骤。在实际项目中,...

    AJAX核心技术1-XMLHttpRequest对象的使用

    [王兴魁]AJAX核心技术1-XMLHttpRequest对象的使用

    ajax 入门基础之 XMLHttpRequest对象总结

    **Ajax入门基础之XMLHttpRequest对象总结** Ajax,即异步JavaScript和XML,是一种在无需刷新整个页面的情况下更新部分网页的技术。在Ajax的核心中,XMLHttpRequest(XHR)对象扮演着至关重要的角色,它允许...

    XMLHttpRequest对象的介绍和实现

    Ajax的核心就是XMLHttpRequest对象,它允许网页脚本发送异步HTTP请求并与服务器进行数据交换,而无需重新加载整个页面。本文档将详细介绍XMLHttpRequest对象的基本知识、属性和方法,并演示如何使用它来进行简单的...

    WEB开发 之 AJAX - 创建 XMLHttpRequest 对象.docx

    **WEB开发中的AJAX与XMLHttpRequest对象** AJAX(Asynchronous JavaScript and XML)是一种在无需刷新整个网页的情况下,能够更新部分网页的技术。它通过在后台与服务器交换数据并局部刷新页面,极大地提升了用户...

Global site tag (gtag.js) - Google Analytics