3、深入理解 XMLHttpRequest 与 AJAX 应用开发

深入理解 XMLHttpRequest 与 AJAX 应用开发

1. XMLHttpRequest 赋予 AJAX 的强大能力

XMLHttpRequest 是让 AJAX 具备真正强大功能的核心，它使浏览器能够发起异步 HTTP 请求，并以小块的方式获取内容。过去，Web 开发者为了实现类似功能，采用了一些技巧和变通方法，但都存在诸多限制。例如，使用不可见的 iframe 技巧时，需要在父文档和 iframe 中的文档之间来回传递数据；“远程脚本”方法也只能对包含 JavaScript 的页面发起 GET 请求。

而现代的 AJAX 技术借助 XMLHttpRequest，相比这些笨拙的方法有了巨大改进，允许应用程序在不重新加载整个页面的情况下发起 GET 和 POST 请求。

2. 构建简单的 AJAX 库

为了简化 XMLHttpRequest 类的使用，有两种选择：一是使用现有的代码库，如今随着 AJAX 开发的日益流行，有许多库、工具包和框架可供使用，能让 XMLHttpRequest 的使用更加便捷；二是自己编写一个简单的 JavaScript 库，处理基本需求。这里我们选择后者，通过创建自己的库，能更好地理解 XMLHttpRequest 类的工作原理，也有助于在后续使用其他工具包或库时发挥更大作用。

3. 开始创建 Ajax 类

首先，我们创建一个名为 Ajax 的基本类，用于封装 XMLHttpRequest 类的功能。在 JavaScript 中创建类和对象相对简单，只要了解面向对象编程的基础知识即可。与 Java、C++ 或 .NET 语言不同，JavaScript 不需要复杂的语法来声明类