《锋利的jQuery》八、XMLHttpRequest对象

---

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)。

1. method：该参数是必须提供的，用于确定GET发送还是POST发送，该参数要大写。

2. uri：用于指定XMLHttpRequest对象把请求发送到的服务器相应的URI。

3. async：用于指定是否请求是异步的，默认值是true，发送同步请求需要设置为false。

4. 如果服务器要验证访问用户的情况，那么可以设置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时才可以调用这个方法，否则会返回一个空字符串。