Welcome

首页 / 脚本样式 / Ajax / 打造可靠的Ajax应用程序,第2部分: 构建Ajax后端

打造可靠的Ajax应用程序,第2部分: 构建Ajax后端2011-09-06 ibm Brett McLaughlin简介:后端处理 — 服务器端脚本和程序 — 并不总能一投入到 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 请求数据。

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

发送请求。

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

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