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());
}
}

检查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请求

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!