二、XMLHttpRequest对象

一、本课目标

• 整个Ajax技术的核心
• 提供异步发送请求的能力

这是一个JS对象，直接写在js里面就可以使用了。

二、XMLHttpRequest简介

XMLHttpRequest对象可以在不刷新当前页面的情况下向服务器端发送异步请求，并接受服务器端的响应结果，从而实现局部更新当前页面的功能。尽管名为XMLHttpRequest，但它并不限于和XML文档一起使用，它还可以接受JSON或HTML等格式的文档。XMLHttpRequest得到了目前所有浏览器较好的支持，但它的创建方式在不同的浏览器下有一定的差别。

2.1创建XMLHttpRequest对象

在老版本IE5和IE6中，

XMLHttpRequest = new ActiveObject("Miscrosoft.XMLHTTP");

新版本IE和其它大部分浏览器：

XMLHttpRequest = new XMLHttpRequest;

2.2、常用方法

image.png

1、open方法

创建一个新的HTTP请求，method参数表示提交方式（post、get），不区分大小写；url指的是这个页面请求的地址；async用来指定这次请求是异步的还是同步的，默认是异步的。

2、send方法

发送请求。当请求方式是post的时候，设置参数。当请求方式是get的时候，参数在open方法里面的url中。

3、abort方法

取消当前请求

4、setRequestHeader("content-type","form表单的enctype属性")：设置post请求的参数类型，必须放在send方法之前。

4、剩下几个方法

在网页上提交数据和接收相应的时候，数据也是以类似键值对的形式存储，这几个方法里面的所谓头信息可以理解为键，通过这些键可以拿到值。

---

实现Ajax的过程分为发送请求和处理请求两个步骤，发送请求有两种方式，即GET方式和POST方式：处理响应也有两种方式，即处理文本响应和处理XML响应。

---

三、事件

image.png

image.png

status对应的是状态码，statusText是对状态码的说明。