2.2 Ajax请求的生命周期

作者: Michael Morrison著/李松风译 出处:机械工业出版社 　2008-04-21 11:09　   砖    好    评论  条 　进入论坛

阅读提示：《Ajax构建工具箱指南》第2章主要讲述了深入Ajax应用程序,本节为您介绍的是Ajax请求的生命周期。

2.2   Ajax请求的生命周期

每个Ajax请求都会经历一个预定的生命周期，在深入理解Ajax应用的内部机制之前理解这个生命周期至关重要。
Ajax生命周期中的每个转折点都对应着XMLHttpRequest对象中一个截然不同的状态，XMLHttpRequest对象是作为Ajax核心的一个JavaScript对象。我们马上要学到的Ajax工具箱中包含着大量XMLHttpRequest对象的内部工作，但弄明白它的工作原理是有必要的。如果要详细了解对这个对象进行剖析的过程，请参考附录B。
下面列出了在一个Ajax请求的生命周期中，从创建请求到提交请求到成功响应的五种状态：

1. UNINITIALIZED—请求尚未初始化。
2. LOADING—请求已经初始化完成。
3. LOADED—请求已经发送，正在等待确认。
4. INTERACTIVE—正在从服务器下载响应数据。
5. COMPLETE—请求/响应周期结束。

列表中每个大写的状态名称都直接对应着XMLHttpRequest对象中的一个内部状态。对于整个生命周期来说，一个好消息是我们通常只需要关注它的最后一个状态（COMPLETE）就足够了。这意味着在请求完成以及结果数据可用之前，不需要你执行任何操作。然而，如果从诊断问题和保证按预期完成事务的角度来看，了解整个生命周期还是大有帮助的。为此，在本书CD-ROM提供的Ajax工具箱中，包含了一个从Ajax请求发生开始可视化地显示每个状态的诊断特性。

注意

对于应用示例Booker而言，你大概会觉得它非常适合作为一个同步应用，因为除了等待加载图书的内容之外并没有其他事可做。但是，当图书需要一个下载过程时，你又作何感想呢？显然，当下载过程开始后，用户界面如果不被锁定，用户的体验会好得多。通过使用Ajax，在下载一本书的同时，你完全可以再选择另一本书。此时，当前的Ajax请求被取消，而第二本书则会立即开始下载。

图2-2显示了一个叫做Booker的示例应用程序正处在执行请求的过程中。这个Booker示例应用程序是一个简单了电子书阅读器。

在这个例子中，通过Ajax正在下载并显示H.G. Wells所著的图书War of Worlds的全部文本内容。由于这本书的电子版大概有几百K字节，请求结束需要花一定时间，当然这取决于网络连接的速度。图2-2显示了应用程序当前处于INTERACTIVE（“Downloading response…”）状态，也就是说正处在从服务器下载响应数据的过程中。注意，用于显示图书文本的区域中包含着信息“Loading...”，它说明了为什么还没有出现图书内容的原因。很快，请求的状态变成了COMPLETE（“Request complete!”），图书的文本内容显示了在页面的中心区域（见图2-3）。

注意

本示例中所有图书都属于公众域（public domain）图书 ，这些图书由Project Gutenberg（一个免费电子书的制作者）制作成了电子版。要了解更多信息，请访问Project Gutenberg的网站 http://www.gutenberg.org/。

在页面顶部位于Ajax诊断栏之下的位置，你可以看到一个电子图书选择列表。该列表不仅能够方便你选择不同的图书，而且还是一种触发不同Ajax请求的好方法。为了验证这一点，请打开本书附带的Live Linux CD中chap02文件夹内的booker.html页面。阅读器中加载的第一本书是Lewis Carroll所著的Alice's Adventures in Wonderland。单击选择列表并选择Wall and Peace，这是一本由Leo Tolstoy写的一本最厚的小说，这本小说的纯文本达3MB之多。即便是直接从CD-ROM驱动器中直接以相对快的速度读取这些文本，仍然能够看到Ajax诊断栏中不同状态的变化。

回书目   上一节   下一节