理解AJAX工作原理 构建网站的有效方法(4)

结合起来

关键是要支持所有 浏览器。谁愿意编写一个只能用于 Internet Explorer 或者非 Microsoft 浏览器的应用程序呢？或者更糟，要编写一个应用程序两次？当然不！因此代码要同时支持 Internet Explorer 和非 Microsoft 浏览器。清单 4 显示了这样的代码。

清单 4. 以支持多种浏览器的方式创建 XMLHttpRequest 对象

/*　Create　a　new　XMLHttpRequest　object　to　talk　to　the　Web　server　*/
var　xmlHttp　=　false;
/*@cc_on　@*/
/*@if　(@_jscript_version　>=　5)
try　{
　 xmlHttp　=　new　ActiveXObject("Msxml2.XMLHTTP");
}　catch　(e)　{
　 try　{
　　　 xmlHttp　=　new　ActiveXObject("Microsoft.XMLHTTP");
　 }　catch　(e2)　{
　　　 xmlHttp　=　false;
　 }
}
@end　@*/
if　(!xmlHttp　&&　typeof　XMLHttpRequest　!=　'undefined')　{
　 xmlHttp　=　new　XMLHttpRequest();
}

现在先不管那些注释掉的奇怪符号，如 @cc_on，这是特殊的 JavaScript 编译器命令，将在下一期针对 XMLHttpRequest 的文章中详细讨论。这段代码的核心分为三步：

建立一个变量 xmlHttp 来引用即将创建的 XMLHttpRequest 对象。

尝试在 Microsoft 浏览器中创建该对象：

尝试使用 Msxml2.XMLHTTP 对象创建它。

如果失败，再尝试 Microsoft.XMLHTTP 对象。

如果仍然没有建立 xmlHttp，则以非 Microsoft 的方式创建该对象。

最后，xmlHttp 应该引用一个有效的 XMLHttpRequest 对象，无论运行什么样的浏览器。

关于安全性的一点说明

安全性如何呢？现在浏览器允许用户提高他们的安全等级，关闭 JavaScript 技术，禁用浏览器中的任何选项。在这种情况下，代码无论如何都不会工作。此时必须适当地处理问题，这需要单独的一篇文章来讨论，要放到以后了（这个系列够长了吧？不用担心，读完之前也许您就掌握了）。现在要编写一段健壮但不够完美的代码，对于掌握 Ajax 来说就很好了。以后我们还将讨论更多的细节

Ajax 世界中的请求/响应

现在我们介绍了 Ajax，对 XMLHttpRequest 对象以及如何创建它也有了基本的了解。如果阅读得很仔细，您可能已经知道与服务器上的 Web 应用程序打交道的是 JavaScript 技术，而不是直接提交给那个应用程序的 HTML 表单。

还缺少什么呢？到底如何使用 XMLHttpRequest。因为这段代码非常重要，您编写的每个 Ajax 应用程序都要以某种形式使用它，先看看 Ajax 的基本请求/响应模型是什么样吧。