打造可靠的 Ajax 应用程序，第 2 部分: 构建 Ajax 后端

后端处理 — 服务器端脚本和程序 — 并不总能一投入到 Ajax 应用程序中就很好地运转。相反，若能仔细地提前规划以确保数据以恰当及有效的格式发送，反而能让整个应用程序更内聚，并能减少不必要的复杂性。在本文中， Brett McLaughlin 展示了一个好的服务器端脚本如何能补足 Ajax 行为。
在本系列的 第 1 部分，我们在 Nathan Smith 的 Hoverbox 代码（到初始 Hoverbox 代码的相关链接可以在 参考资料 部分找到）的基础上构建了一个视觉上异常丰富的前端来展示图片库。通过这个处理过程，您了解了一些基本的 UI 原则：人眼遵循的 Z-模式、保持页面一致性、如何减小从页面滑下的框中文本字体的大小以及 serif 和 sans-serif 字体的可读性间的差异。

完成第 1 部分的操作之后，您应该有了一个很像样的图片库，如图 1 所示，这就是我们在第 1 部分中完成的那个 Hoverbox UI：

图 1. 在第 1 部分中完成的 Hoverbox UI



在本篇文章中，我们将添加关键的后端处理以及一些特定于 Ajax 的代码以将图片库连到后端。

准备好 Ajax 管道处理

正如我先前提到的，Ajax 的大部分工作都是进行管道处理：设置好

XmlHttpRequest

对象、调用服务器端程序并获得响应。程序可能会改变，有关请求的细节可能不同，但不管在何种情况下，基本的设置都是相同的：

创建新的请求对象（最好是以跨浏览器的方式）。

构造一个请求 URL，可能还要 POST 请求数据。

设置一个方法，当从服务器收到响应时，用此方法为浏览器进行回调。

发送请求。

构造一个回调，此回调可以运行和执行 程序想要对服务器数据进行的任何操作。

更多细节可以在其他文章中（参见 参考资料 部分）找到，所以我们这里只给出一个大概。

创建响应对象

首先，我们需要一个类似

XmlHttpRequest

的响应对象。让我们先来以独立于浏览器的方式创建一个。清单 1 是所需的代码：

本文转自：IBM developerWorks 中国

请点击此处查看全文