如果说 Web 2.0 革命有一个时髦词的话，那就是 Asynchronous JavaScript and XML（Ajax）。应用程序的客户端交互，如 Google Maps？ 地图服务和 Gmail？ 网络邮件服务，使得 Ajax 不仅是一个振奋人心的词汇，而且具有实用价值。Ajax 技术包括超文本标记语言（HTML）、JavaScript 代码、级联样式表（CSS）、XML 和异步 Web 请求，与我们所见的 Web V1.0 相比能创建更令人信服的 Web 交互。当然，这些技术自 Microsoft？ Internet Explorer？ V4 发布以来就存在了，但是直到最近才通过其他一些引人注目的应用显示出其优势。

    实现 Ajax 很难吗？Ajax 模型的每个成分都很容易学习。但关键在于将这些成分结合起来，融为一体。通常这是一个复合性的问题，因为客户端编码和服务器端编码由不同的人来做。本文说明一个人如何在一两个小时中就能编写出小型的基于 Ajax 的幻灯片放映应用程序。

    Ajax 幻灯片放映

    个人图像管理应用程序（如 Macintosh？ 上的 Apple？ iPhoto？）使得幻灯片浏览广为人知。在幻灯片浏览中，图像按照时间顺序先后淡入淡出。此外，图片还通过所谓的 “Ken Burns Effect” 进行移动和缩放。

    在该例中，我让浏览器从服务器上下载一个图像列表。然后使用动态 HTML（DHTML）把图片列表组成一个幻灯片。我使用随机的缓慢移动、缩放和渐变来改变图片，实现了令人满意的 Ken Burns Effect 版本，而不需要下载 Macromedia？ Flash 或其他重量级的动画工具。

    体系结构

    要了解 Ajax 有何不同，首先必须理解当前的 Web 编程模型。客户机和服务器之间的简单交互如 图 1 所示。

    图 1. 客户机-服务器交互的 Web V1.0 模型

    Web 浏览器或者客户机 向 Web 服务器发出 GET 或 POST 请求。服务器格式化 HTML 响应。客户机解析 HTML 并显示给用户。如果用户单击其他链接和按钮，就向服务器发出另一个请求，用服务器返回的新页面替换当前页面。

    新模型具有更多的异步特色，如 图 2 所示。

    图 2. 客户机-服务器交互的 Ajax 模型

    在新的模型中，和以前一样，服务器也返回 HTML 页面。但是这个页面中有一些 JavaScript 代码。在需要的时候，这些代码向服务器请求更多信息。这些请求可以是简单的 GET 请求（Representational State Transfer （REST） 服务）或者 POST 请求（SOAP）。

    然后，JavaScript 代码解析响应（通常用 XML 编码）并动态更新页面以反映新的数据。除了 XML 外，还返回 JavaScript Serialized Object Notation（JSON）格式编码的数据。浏览器很容易理解这类数据，但其他类型的客户机则不行。返回 XML 的意义在于浏览器之外的其他客户机也能解释数据。选择由您来决定并依赖于具体的应用程序。

[1] [2] [3] [4] [5] [6] [7] [8] [9] 下一页