ajax 入门基础之 XMLHttpRequest对象总结

深入理解AJAX中的XMLHttpRequest对象

在AJAX（Asynchronous JavaScript and XML）技术中，XMLHttpRequest对象堪称核心。这一对象提供了客户端与HTTP服务器之间的通信协议，使我们能够在不刷新页面的情况下与服务器交互，从而为用户带来更为流畅的体验。

一、创建XMLHttpRequest对象

对于Internet Explorer，我们使用ActiveXObject来创建XMLHttpRequest对象。例如：

```javascript

var http_request = new ActiveXObject("Msxml2.XMLHTTP");

// 或者

http_request = new ActiveXObject("Microsoft.XMLHTTP");

```

而对于非IE浏览器，我们直接使用XMLHttpRequest构造函数来创建：

```javascript

var http_request = new XMLHttpRequest();

```

二、onreadystatechange事件处理句柄

当XMLHttpRequest对象的readyState属性发生变化时，我们可以指定一个函数来处理这个事件。这为我们提供了在数据不同状态下（如正在加载、加载完成等）执行不同操作的灵活性。语法如下：

```javascript

http_request.onreadystatechange = funcMyHandler;

```

三、readyState属性

这个属性告诉我们XMLHTTP请求当前的状态。它是一个只读变量，状态用一个长度为4的整数来表示：

0（未初始化）：对象已建立，但尚未初始化（尚未调用open方法）。

1（初始化）：对象已建立，但尚未调用send方法。

2（发送数据）：send方法已调用，当前的状态及HTTP头未知。

3（数据传送中）：已接收部分数据，但由于响应及HTTP头不全，这时通过responseBody和responseText获取部分数据可能会出现错误。

4（完成）：数据接收完毕，这时可以通过responseBody和responseText获取完整的回应数据。

四、responseBody与responseText属性

这两个属性为我们提供了服务器响应的数据。responseBody返回的是某种格式的服务器响应数据，而responseText则将响应信息作为字符串返回。值得注意的是，XMLHTTP默认将响应数据的编码定为UTF-8。

五、responseStream属性

这是一个以Ado Stream对象的形式返回的响应。它提供了一种以流的形式处理响应数据的方式。

六、responseXML属性

如果服务器返回的是XML文档，我们可以通过responseXML属性来获取这个文档。这个属性将响应信息格式化为XmlDocument对象并返回。如果响应数据不是有效的XML文档，此属性本身不返回XMLDOMParseError，但可以通过处理过的DOMDocument对象来获取错误信息。

八、关于HTTP状态码的那些事儿

你知道吗？每个HTTP请求背后都有一个神秘的状态码，它们就像是网络世界的秘密语言。这些状态码，是长整型的数字，背后隐藏着深深的含义。它们的状态描述如下：

数字 描述：

100 Continue：服务器收到了你的请求，正在考虑接受它。

200 OK：一切都很顺利，你的请求已被处理并成功完成。

我们来了解一下这段代码的主要功能。这是一个基于浏览器的请求系统，可以处理不同浏览器环境下的XMLHttpRequest对象创建，以及发送HTTP请求和处理响应的逻辑。它还包含了一个用户检查函数，用于验证用户名并发送请求。接下来，我们将以流畅、生动的方式重新阐述这段代码。

在这个网络交互的时代，我们的网页需要与服务器进行实时的数据交流。想象一下，我们的网页是一位优雅的使者，需要向服务器传递信息，同时等待回应。这个过程是如何实现的呢？

我们首先需要检查网页环境，确认是否可以创建XMLHttpRequest对象实例。这就像是在询问周围环境是否具备发送请求的能力。如果无法创建实例，那么我们的网页将无法与服务器进行沟通，此时我们会收到提示：“无法创建XMLHttpRequest实例！”。

一旦具备了发送请求的能力，我们就可以指定当服务器返回信息时，客户端应该如何处理。这个过程就像是给使者一个任务清单，告诉他如何完成与服务器的交流。

接下来，我们的使者会确定发送请求的方式和URL，以及是否需要同步执行。然后，他会带着这些信息出发，向服务器发送请求。这个过程就像是使者跨出网页，走向服务器，进行信息的传递。

当服务器回应后，我们的处理函数会判断对象状态以及请求结果。如果一切正常，我们就会收到服务器的数据。我们会检查页面上某个元素的内容，如果符合条件，就会提示“不可用”。如果页面不正常，我们会收到提示：“你请求的页面不正常”。

我们还有用户检查函数，它会验证用户输入的用户名。如果用户名为空，就会提示用户完善信息。否则，我们的网页使者会携带用户的信息，发送给服务器进行验证或处理。

这段代码还调用了cambrian.render('body')函数，可能是用于渲染页面的某个部分。这样，我们的网页就能根据服务器的响应进行相应的更新和展示了。

这段代码是网页与服务器之间沟通的桥梁，让我们的网页能够根据用户的需求，与服务器进行实时的数据交流，并做出相应的响应和展示。