XMLHttpRequest对象的属性和事件
提到XMLHttpRequest对象的属性和事件
此进行的一些详细的介绍,大家看一下。
XMLHttpRequest对象体现各种属性、方法和事件以便于脚本处理和控制HTTP请求与响应。如下:
readyState属性
当XMLHttpRequest对象把一个HTTP请求发送到服务器时将经历若干种状态:一直等待直到请求被处理;然后,它才接收一个响应。这样以来,脚本才正确响应各种状态-XMLHttpRequest对象体现一个描述对象的当前状态的readyState属性,如表格1.0所示。
表格1.0XMLHttpRequest对象的ReadyState属性值列表。
XMLHttpRequest对象体现各种属性、方法和事件以便于脚本处理和控制HTTP请求与响应。如下:
readyState属性
当XMLHttpRequest对象把一个HTTP请求发送到服务器时将经历若干种状态:一直等待直到请求被处理;然后,它才接收一个响应。这样以来,脚本才正确响应各种状态-XMLHttpRequest对象体现一个描述对象的当前状态的readyState属性,如表格1.0所示。
表格1.0XMLHttpRequest对象的ReadyState属性值列表。
ReadyState的取值范围 | 描述状态 |
0
| 描述一种"未初始化"状态;此时,已经创建一个XMLHttpRequest对象,但是还没有初始化。 |
1
| 描述一种"发送"状态;此时,代码已经调用了XMLHttpRequest open()方法并且XMLHttpRequest已经准备好把一个请求发送到服务器。 |
2
| 描述一种"发送"状态;此时,已经通过send()方法把一个请求发送到服务器端,但是还没有收到一个响应。 |
3
| 描述一种"正在接收"状态;此时,已经接收到HTTP响应头部信息,但是消息体部分还没有完全接收结束。 |
4
| 描述一种"已加载"状态;此时,响应已经被完全接收。 |
onreadystatechange事件
无论readyState值何时发生改变,XMLHttpRequest对象都会激发一个readystatechange事件。其中,onreadystatechange属性接收一个EventListener值-向该方法指示无论readyState值何时发生改变,该对象都将激活。
responseText属性
这个responseText属性包含客户端接收到的HTTP响应的文本内容。当readyState值为0、1或2时,responseText包含一个空字符串。当readyState值为3(正在接收)时,响应中包含客户端还未完成的响应信息。当readyState为4(已加载)时,该responseText包含完整的响应信息。
responseXML属性
此responseXML属性用于当接收到完整的HTTP响应时(readyState为4)描述XML响应;此时,Content-Type头部指定MIME(媒体)类型为text/xml,application/xml或以+xml结尾。如果Content-Type头部并不包含这些媒体类型之一,那么responseXML的值为null。无论何时,只要readyState值不为4,那么该responseXML的值也为null。
其实,这个responseXML属性值是一个文档接口类型的对象,用来描述被分析的文档。如果文档不能被分析(例如,如果文档不是良构的或不支持文档相应的字符编码),那么responseXML的值将为null。
status属性
这个status属性描述了HTTP状态代码,而且其类型为short。而且,仅当readyState值为3(正在接收中)或4(已加载)时,这个status属性才可用。当readyState的值小于3时试图存取status的值将引发一个异常。
statusText属性
这个statusText属性描述了HTTP状态代码文本;并且仅当readyState值为3或4才可用。当readyState为其它值时试图存取statusText属性将引发一个异常。
XMLHTTPRequest的属性和方法
表1.1显示了XMLHttpRequest对象的一些典型方法。不要担心,稍后就会详细介绍这些方法。
表1.1 标准XMLHttpRequest操作
方 法
|
描 述
|
abort()
|
停止当前请求
|
getAllResponseHeaders()
|
把HTTP请求的所有响应首部作为键/值对返回
|
getResponseHeader("header")
|
返回指定首部的串值
|
open("method", "url")
|
建立对服务器的调用。method参数可以是GET、POST或PUT。url参数可以是相对URL或绝对URL。这个方法还包括3个可选的参数
|
send(content)
|
向服务器发送请求
|
setRequestHeader("header", "value")
|
把指定首部设置为所提供的值。在设置任何首部之前必须先调用open()
|
下面来更详细地讨论这些方法。
void open(string method, string url, boolean asynch, string username, string password):这个方法会建立对服务器的调用。这是初始化一个请求的纯脚本方法。它有两个必要的参数,还有3个可选参数。要提供调用的特定方法(GET、POST或PUT),还要提供所调用资源的URL。另外还可以传递一个Boolean值,指示这个调用是异步的还是同步的。默认值为true,表示请求本质上是异步的。如果这个参数为false,处理就会等待,直到从服务器返回响应为止。由于异步调用是使用Ajax的主要优势之一,所以倘若将这个参数设置为false,从某种程度上讲与使用XMLHttpRequest对象的初衷不太相符。不过,前面已经说过,在某些情况下这个参数设置为false也是有用的,比如在持久存储页面之前可以先验证用户的输入。最后两个参数不说自明,允许你指定一个特定的用户名和密码。
void send(content):这个方法具体向服务器发出请求。如果请求声明为异步的,这个方法就会立即返回,否则它会等待直到接收到响应为止。可选参数可以是DOM对象的实例、输入流,或者串。传入这个方法的内容会作为请求体的一部分发送。
void setRequestHeader(string header, string value):这个方法为HTTP请求中一个给定的首部设置值。它有两个参数,第一个串表示要设置的首部,第二个串表示要在首部中放置的值。需要说明,这个方法必须在调用open()之后才能调用。
在所有这些方法中,最有可能用到的就是open()和send()。XMLHttpRequest对象还有许多属性,在设计Ajax交互时这些属性非常有用。
void abort():顾名思义,这个方法就是要停止请求。
string getAllResponseHeaders():这个方法的核心功能对Web应用开发人员应该很熟悉了,它返回一个串,其中包含HTTP请求的所有响应首部,首部包括
Content-
Length、Date和URI。
Length、Date和URI。
string getResponseHeader(string header):这个方法与getAllResponseHeaders()是对应的,不过它有一个参数表示你希望得到的指定首部值,并且把这个值作为串返回。
除了这些标准方法,XMLHttpRequest对象还提供了许多属性,如表1.2所示。处理XMLHttpRequest时可以大量使用这些属性。
表1.2 标准XMLHttpRequest属性
属 性
|
描 述
|
onreadystatechange
|
每个状态改变时都会触发这个事件处理器,通常会调用一个JavaScript函数
|
readyState
|
请求的状态。有5个可取值:0 = 未初始化,1 = 正在加载,2 = 已加载,3 = 交互中,4 = 完成
|
responseText
|
服务器的响应,表示为一个串
|
responseXML
|
服务器的响应,表示为XML。这个对象可以解析为一个DOM对象
|
status
|
服务器的HTTP状态码(200对应OK,404对应Not Found(未找到),等等)
|
statusText
|
HTTP状态码的相应文本(OK或Not Found(未找到)等等)
|
转载于:https://blog.51cto.com/xinyult/190738