AJAX(第三部分：Ajax中的高级请求和响应)

在本系列上篇中，我们详细介绍XMLHttpRequest对象，它是Ajax应用程序的中心，负责处理服务器端应用程序和脚本的请求，并处理从服务器端组件返回的数据。由于所有的Ajax应用程序都要使用XMLHttpRequest对象，因此您可能会希望熟悉这个对象，从而能够让Ajax执行得更好。

重点

HTTP就绪状态

HTTP状态代码

可以生成的请求类型

深入了解HTTP就绪状态

0：请求没有发出(在调用open()之前)。

1：请求已经建立但还没有发出(调用send()之前)

2：请求已经发出正在处理之中(这里通常可以从响应得到内容头部)。

3：请求已经处理，响应中通常有部分数据可用，但是服务器还没有完成响应。

4：响应已完成，可以访问服务器响应并使用它。

隐秘就绪状态

第一种就绪状态的特点是readyState属性为0(readyState==0)，表示未初始化状态。一旦对请求对象调用open()之后，这个属性就被设置为1.由于您通常都是在一对请求进行初始化之后就立即调用open()，因此很少会看到readyState==0的状态。另外，未初始化的就绪状态在实际的应用程序中是没有真正的用处的。

查看正在处理的请求的就绪状态

浏览器的不一致性

显微镜下的响应数据

查看请求的响应文本

获取安全数据

深入了解HTTP状态代码

有了就绪状态和您在Ajax编程技术中学习到的服务器的响应，您就可以为Ajax应用程序添加另外一级复杂性了——这要使用HTTP状态代码。这些代码对于Ajax来说并没有什么新鲜。从Web出现以来，它们就已经存在了。在Web浏览器中您可能已经看到过几个状态代码：

401：未经授权

403：禁止

404：没找到

200：一切正常

在很多Ajax应用程序中，您将看到一个回调函数，它负责检查就绪状态，然后继续利用从服务器响应中返回的数据。

重定向和重新路由

在深入介绍有关错误的内容之前，我们有必要来讨论一下有关一个在使用Ajax时并不需要关心的问题——重定向。在HTTP状态代码中，这是300系列的状态代码，包括：

301：永久移动

302：找到（请求被重新定向到另外一个URL/URI上）

305：使用代理（请求必须使用一个代理来访问所请求的资源）

错误

其他请求类型

生成请求

实际上生成HEAD请求非常简单：您可以使用“HEAD”（而不是“GET”或“POST”）作为第一个参数来调用open()方法。

当您这样生成一个HEAD请求时，服务器并不会像对GET或POST请求一样返回一个真正的响应。相反，服务器只会返回资源的头(header)，这包括响应中内容最后修改的时间、请求资源是否存在和很多其他有用信息。您可以在服务器处理并返回资源之前使用这些信息来了解有关资源的信息。

输出从 HEAD 请求中获得的响应头的内容

function updatePage() {
if (request.readyState == 4) {
alert(request.getAllResponseHeaders());
}
}

您可以单独使用这些头（从服务器类型到内容类型）在Ajax应用程序中提供其他信息或功能。

检查URL

要实现这种功能，生成一个HEAD请求，然后在回调函数中检查404错误。

function updatePage() {
if (request.readyState == 4) {
if (request.status == 200) {
alert("URL exists");
} else if (request.status == 404) {
alert("URL does not exist.");
} else {
alert("Status is: " + request.status);
}
}
}

这段代码的价值并不太大。服务器必须对请求进行响应，并构造一个响应来填充内容长度的响应头，因此并不能节省任何处理时间。另外，这花费的时间与生成请求并使用HEAD请求来查看URL是否存在所需要的时间一样多，因为它要生成使用GET或POST的请求。

有用的HEAD请求

您会发现HEAD请求非常有用的一个领域是用来查看内容的长度或内容的类型。这样可以确定是否需要发回大量数据来处理请求，和服务器是否试图返回二进制数据，而不是HTML、文本或XML（在JavaScript中，这3钟类型的数据都比二进制数据更容易处理）。在这些情况下，您只是要了适当的头名，并将其传递给XMLHttpRequest对象的getResponseHeader()方法。因此要获取响应的长度，只需要调用request.getResponseHeader("Content-Length");要获取内容类型，请使用request.getResponseHeader("Content-Type");