Ajax 中的高级请求和响应.pdf

武汉SEO： SEO 论坛交流：/bbs Ajax 中的高级请求和响应 对于很多 Web 开发人员来说，只需要生成简单的请求并接收简单的响应即可；但是对于希望掌握 Ajax 的开发人员来说，必须要全面理解 HTTP 状态代码、就绪状态和 XMLHttpRequest 对象。在本文中， Brett McLaughlin 将向您介绍各种状态代码，并展示浏览器如何对其进行处理，本文还给出了在 Ajax 中 使用的比较少见的 HTTP 请求。 在本系列的 上篇文章 中，我们将详细介绍 XMLHttpRequest 对象，它是 Ajax 应用程序的中心，负责 处理服务器端应用程序和脚本的请求，并处理从服务器端组件返回的数据。由于所有的 Ajax 应用程序都 要使用 XMLHttpRequest 对象，因此您可能会希望熟悉这个对象，从而能够让 Ajax 执行得更好。 在本文中，我将在上一篇文章的基础上重点介绍这个请求对象的 3 个关键部分的内容： • HTTP 就绪状态 • HTTP 状态代码 • 可以生成的请求类型 这三部分内容都是在构造一个请求时所要考虑的因素；但是介绍这些主题的内容太少了。然而，如果您不 仅仅是想了解 Ajax 编程的常识，而是希望了解更多内容，就需要熟悉就绪状态、状态代码和请求本身的 内容。当应用程序出现问题时 —— 这种问题总是存在 —— 那么如果能够正确理解就绪状态、如何生成 一个 HEAD 请求或者 400 的状态代码的确切含义，就可以在 5 分钟内调试出问题，而不是在各种挫折 和困惑中度过 5 个小时。 下面让我们首先来看一下 HTTP 就绪状态。 XMLHttpRequest 或 XMLHttp ：换名玫瑰 深入了解 HTTP 就绪状态 Microsoft™ 和 Internet Explorer 使用了一 个名为 XMLHttp 的对象，而不是 您应该还记得在上一篇文章中 XMLHttpRequest 对 XMLHttpRequest 对象，而 Mozilla、Opera、 象有一个名为 readyState 的属性。这个属性确保 Safari 和 大部分非 Microsoft 浏览器都使用 服务器已经完成了一个请求，通常会使用一个回调函 的是后者。为了简单性起见，我将这两个对象都 数从服务器中读出数据来更新 Web 表单或页面的 简单地称为 XMLHttpRequest。这既符合我们在 内容。清单 1 给出了一个简单的例子（这也是本系 Web 上看到的情况，又符合 Microsoft 在 列的上一篇文章中的一个例子 —— 请参见 参考资 Internet Explorer 7.0 中使用 料）。 XMLHttpRequest 作为请求对象的意图。（有关 这个问题的更多内容，请参见 第 2 部分。） 清单 1. 在回调函数中处理服务器的响应 function updatePage() { if (request.readyState == 4) { if (request.status == 200) { var response = request.responseText.split(|); document.getElementById(order).value = response[0]; document.getElementById(address).innerHTML = 武汉SEO：