Ajax入门二之 使用 JavaScript 和 Ajax 发出异步请求

一、XMLHttpRequest 简介
该对象的很少的几个 方法和属性：
* open()：建立到服务器的新请求。
* send()：向服务器发送请求。
* abort()：退出当前请求。
* readyState：提供当前 HTML 的就绪状态。
* responseText：服务器返回的请求响应文本。
[color=red]注意：[/color]
二、 创建具有错误处理能力的 XMLHttpRequest:
<script language="javascript" type="text/javascript">
var request = false;
try {
request = new XMLHttpRequest();
} catch (trymicrosoft) {
try {
request = new ActiveXObject("Msxml2.XMLHTTP");
} catch (othermicrosoft) {
try {
request = new ActiveXObject("Microsoft.XMLHTTP");
} catch (failed) {
request = false;
}
}
}
if (!request)
alert("Error initializing XMLHttpRequest!");
</script>


很容易被这些花括号迷住了眼睛，因此下面分别介绍每一步：

1. 创建一个新变量 request 并赋值 false。使用 false 作为判断条件，它表示还没有创建 XMLHttpRequest 对象。
2. 增加 try/catch 块：
1. 尝试创建 XMLHttpRequest 对象。
2. 如果失败（catch (trymicrosoft)）：
1. 尝试使用较新版本的 Microsoft 浏览器创建 Microsoft 兼容的对象（Msxml2.XMLHTTP）。
2. 如果失败（catch (othermicrosoft)）尝试使用较老版本的 Microsoft 浏览器创建 Microsoft 兼容的对象（Microsoft.XMLHTTP）。
3. 如果失败（catch (failed)）则保证 request 的值仍然为 false。
3. 检查 request 是否仍然为 false（如果一切顺利就不会是 false）。
4. 如果出现问题（request 是 false）则使用 JavaScript 警告通知用户出现了问题。

三、用 XMLHttpRequest 发送请求
Ajax 采用一种沙箱安全模型。因此，Ajax 代码（具体来说就是 XMLHttpRequest 对象）只能对所在的同一个域发送请求。

[color=red]注意：以前没用见过 escape() 方法，它用于转义不能用明文正确发送的任何字符。[/color]

1、XMLHttpRequest 对象的 open() 方法：

* request-type：发送请求的类型。典型的值是 GET 或 POST，但也可以发送 HEAD 请求。
* url：要连接的 URL。
* asynch：如果希望使用异步连接则为 true，否则为 false。该参数是可选的，默认为 true。
* username：如果需要身份验证，则可以在此指定用户名。该可选参数没有默认值。
* password：如果需要身份验证，则可以在此指定口令。该可选参数没有默认值。
2、send 介绍：
虽然可以使用 send() 发送数据，但也能通过 URL 本身发送数据。事实上，GET 请求（在典型的 Ajax 应用中大约占 80%）中，用 URL 发送数据要容易得多。如果需要发送安全信息或 XML，可能要考虑使用 send() 发送内容（本系列的后续文章中将讨论安全数据和 XML 消息）。如果不需要通过 send() 传递数据，则只要传递 null 作为该方法的参数即可。


3、指定回调方法


4、HTTP 就绪状态
HTTP 就绪状态表示请求的状态或情形。它用于确定该请求是否已经开始、是否得到了响应或者请求/响应模型是否已经完成。它还可以帮助确定读取服务器提供的响应文本或数据是否安全。在 Ajax 应用程序中需要了解五种就绪状态：

* 0：请求没有发出（在调用 open() 之前）。
* 1：请求已经建立但还没有发出（调用 send() 之前）。
* 2：请求已经发出正在处理之中（这里通常可以从响应得到内容头部）。
* 3：请求已经处理，响应中通常有部分数据可用，但是服务器还没有完成响应。
* 4：响应已完成，可以访问服务器响应并使用它。

与大多数跨浏览器问题一样，这些就绪状态的使用也不尽一致。您也许期望任务就绪状态从 0 到 1、2、3 再到 4，但实际上很少是这种情况。一些浏览器从不报告 0 或 1 而直接从 2 开始，然后是 3 和 4。其他浏览器则报告所有的状态。还有一些则多次报告就绪状态 。

HTTP 状态码：
还需要检查 HTTP 状态。我们期望的状态码是 200，它表示一切顺利。如果就绪状态是 4 而且状态码是 200，就可以处理服务器的数据了，而且这些数据应该就是要求的数据。
if (request.readyState == 4)
if (request.status == 200)
alert("Server is done!");
else if (request.status == 404)
alert("Request URL does not exist");
else
alert("Error: status code is " + request.status);