title: 《锋利的jQuery》八、XMLHttpRequest对象
date: 2017-08-15 21:35:00
tags: 锋利的jQuery
XMLHttpRequest对象是Ajax的核心,它有许多的属性、方法和事件以便于js处理和控制HTTP的请求与响应。
readyState属性
当一个XMLHttpRequest被创建后,通过readyState属性可以查看此次请求的状态。
| 值 | 说明 |
|---|---|
| 0 | 初始化状态:此时,已经创建了一个XMLHttpRequest对象,但是没有初始化。 |
| 1 | 准备发送状态:已经调用了open()方法,并且XMLHttpRequest对象已经准备好将一个请求发送到服务器。 |
| 2 | 已发送状态:已经通过send()方法把一个请求发送到服务器端。 |
| 3 | 正在接受状态:已经接到HTTP的响应头部信息,但是消息体部分还没有完全接收到。 |
| 4 | 完成响应状态:已经完成了HttpResponse响应的接收。 |
responseText属性
包含客户端接收到的HTTP响应的文本内容。readyState为0、1、2时是一个空字符串,readyState为3时响应中包含客户端还未完成的响应信息,readyState为4时才是完整的信息。
responseXML属性
只有当readyState为4时,并且响应头部的Content-Type的MIME类型被指定为XML(text/xml)时,该属性才会有值并且被解析为一个XML文档。
status属性
描述了HTTP的状态码,只有在readyState为3或者4时才可以使用该属性,否则会报错。
statusText属性
和上面相同,只是描述了HTTP的状态码文本,而不只是状态码。
open()方法
XMLHttpRequest对象是通过调用open()方法来进行初始化工作的。调用该方法将得到一个可以用来进行发送的对象。
该方法有五个参数 open(method,uri,async,username,password)。
method:该参数是必须提供的,用于确定GET发送还是POST发送,该参数要大写。uri:用于指定XMLHttpRequest对象把请求发送到的服务器相应的URI。async:用于指定是否请求是异步的,默认值是true,发送同步请求需要设置为false。如果服务器要验证访问用户的情况,那么可以设置
username及password。
send()
调用send()方法可以将open()方法设定的参数请求进行发送。send()方法在readyState属性值为1时,即是在open()之后才可以调用。
send()的参数可以作为POST方式发送的参数,在调用send()之前,先使用setRequestHeader()方法设置Content-Type的头部。
abort()方法
该方法可以暂停一个HttpRequest的请求发送或者HttpResponse的接收,并将XMLHttpRequest设置为初始化状态。
setRequestHeader()方法
用来设置头部信息,当readyState属性值为1时,可以在调用open()方法后调用这个方法,该方法的格式为:setRequestHeader(header, value)。
getRequestHeader()方法
检索响应的头部值,仅当readyState值为3或者4时才可以调用这个方法,否则会返回一个空字符串。