ajax中的核心应用.docVIP

ajax中的核心应用445104300XMLHttpRequest 简介　　要真正实现这种绚丽的奇迹，必须非常熟悉一个JavaScript 对象，即 XMLHttpRequest。这个小小的对象实际上已经在几种浏览器中存在一段时间了，它是本专栏今后几个月中要介绍的 Web 2.0、Ajax 和大部分其他内容的核心。为了让您快速地大体了解它，下面给出将要用于该对象的很少的几个 方法和属性。　　·open()：建立到服务器的新请求。 　　·send()：向服务器发送请求。 　　·abort()：退出当前请求。 　　·readyState：提供当前 HTML 的就绪状态。 　　·responseText：服务器返回的请求响应文本。 　　如果不了解这些（或者其中的任何 一个），您也不用担心，后面几篇文章中我们将介绍每个方法和属性。现在应该 了解的是，明确用 XMLHttpRequest 做什么。要注意这些方法和属性都与发送请求及处理响应有关。事实上，如果看到 XMLHttpRequest 的所有方法和属性，就会发现它们都 与非常简单的请求/响应模型有关。显然，我们不会遇到特别新的 GUI 对象或者创建用户交互的某种超极神秘的方法，我们将使用非常简单的请求和非常简单的响应。听起来似乎没有多少吸引力，但是用好该对象可以彻底改变您的应用程序。　　简单的 new　　首先需要创建一个新变量并赋给它一个 XMLHttpRequest 对象实例。这在 JavaScript 中很简单，只要对该对象名使用 new 关键字即可，如 清单 1 所示。　　清单 1. 创建新的 XMLHttpRequest 对象 ＜script language=javascript type=text/javascript＞　var request = new XMLHttpRequest();＜/script＞ 　　不难吧？记住，JavaScript 不要求指定变量类型，因此不需要像 清单 2 那样做（在 Java 语言中可能需要这样）。　　 清单 2. 创建 XMLHttpRequest 的 Java 伪代码XMLHttpRequest request = new XMLHttpRequest(); 　　因此在 JavaScript 中用 var 创建一个变量，给它一个名字（如 “request”），然后赋给它一个新的 XMLHttpRequest 实例。此后就可以在函数中使用该对象了。　　错误处理　　在实际上各种事情都可能出错，而上面的代码没有提供任何错误处理。较好的办法是创建该对象，并在出现问题时优雅地退出。比如，任何较早的浏览器（不论您是否相信，仍然有人在使用老版本的Netscape Navigator）都不支持 XMLHttpRequest，您需要让这些用户知道有些地方出了问题。清单 3 说明如何创建该对象，以便在出现问题的时候发出 JavaScript 警告。　　清单 3. 创建具有错误处理能力的 XMLHttpRequest＜script language=javascript type=text/javascript＞　var request = false;　try {　　request = new XMLHttpRequest();　} catch (failed) {　　request = false;　}　if (!request)　　alert(Error initializing XMLHttpRequest!);＜/script＞ 　　一定要理解这些步骤：　　创建一个新变量 request 并赋值 false。后面将使用 false 作为判定条件，它表示还没有创建 XMLHttpRequest 对象。 　　·增加 try/catch 块： 　　·尝试创建 XMLHttpRequest 对象。 　　　　1、如果失败（catch (failed)）则保证 request 的值仍然为 false。 　　　　2、检查 request 是否仍为 false（如果一切正常就不会是 false）。 　　·如果出现问题（request 是 false）则使用 JavaScript 警告通知用户出现了问题。 　　代码非常简单，对大多数 JavaScript 和 Web 开发人员来说，真正理解它要比读写代码花更长的时间。现在已经得到了一段带有错误检查的 XMLHttpRequest 对象创建代码，还可以告诉您哪儿出了问题。 应付 Microsoft　　看起来似乎一切良好，至少在用 Internet Explorer 试验这些代码之前是这样的。如果这样试验的话，就会看到 图 1 所示的糟糕情形。 图 1. Internet Explorer 报告错误 　　显然有什