30、利用 Ajax 和 jQuery 与服务器通信

利用 Ajax 和 jQuery 与服务器通信

1. 重温 Ajax

Ajax 突然受到了网页开发者的广泛关注，它已成为实现 DOM 脚本应用程序的主要手段之一。下面我们将简要介绍 Ajax，并探讨 jQuery 如何简化 Ajax 的使用。

1.1 创建 XHR 实例

在不同浏览器中创建 XMLHttpRequest（XHR）实例的方式有所不同。标准的做法是使用 JavaScript 的 XHR 对象进行异步请求，但旧版 Internet Explorer 使用 ActiveX 控件。以下是使用特性检测创建 XHR 实例的代码：

var xhr;
if (window.ActiveXObject) {
  xhr = new ActiveXObject('Microsoft.XMLHTTP');
} else if (window.XMLHttpRequest) {
  xhr = new XMLHttpRequest();
} else {
  throw new Error('Ajax is not supported by this browser');
}

XHR 实例创建后，在所有支持的浏览器中都有一组一致的属性和方法，如下表所示：
| 方法 | 描述 |
| — | — |
| abort() | 取消当前正在执行的请求 |
| getAllResponseHeaders() | 返回包含所有响应头名称和值的字符串，若未收到响应则返回 null |
| getResponseHeader