使用 Prototype JavaScript 库和 script.aculo.us
目前,Web 应用程序开发几乎等同于 Ajax 开发。Ajax 不再是在特殊情况下才添加到应用程序的补充物了。它现在已经成为 Web 开发不可或缺的一部分。对于某些人而 言,用 Ajax 增强应用程序曾经是一项极具挑战的任务。处理跨浏览器限制、编写大量复杂的 JavaScript 以及熟悉其中的数字编码,这些只不过是 Ajax 开发人员所面临 的挑战的一小部分。还好,目前已经有几种开源 JavaScript 库,使上述操作更加容易。在这个包含三个部分的系列文章的第 1 部分,您将使用 Prototype JavaScript 库 和 script.aculo.us 创建一个用来管理歌曲的 Ajax 应用程序。
本系列文章包含三个部分,使用两个独立的开源项目(Prototype JavaScript 库和 script.aculo.us)为 Web 2.0 站点创建优秀的 Ajax 应用程序。在此系列文章的第 1 部分,我们先介绍 Prototype JavaScript 库(参见 参考资料 获得有关链接)。本文使用的是 Prototype 当前的最新版本 1.6.0.2(参见 参考资料)。Ajax 涉及到动 态数据,所以需要用到服务器端的技术。在本文中,我们将 PHP 5.2.1 与 Apache 2.0.59 和 MySQL 5.0.41 结合起来一起使用。(参见 参考资料)。当然,您也可以选择 自己的编程语言、Web 服务器和数据库。
Prototype 简介
如果进行查找,可以找到很多 JavaScript 库。原因有两个:首先,JavaScript 是浏览器语言,因此也是软件开发的关键部分。许多人都在编写 JavaScript 代码,所 以就有很多 JavaScript 库存在。其次,JavaScript 很复杂,不同浏览器间的差异常常使 JavaScript 开发多少有些痛苦。幸运的是,JavaScript 库通常都提供了各种抽 象来减轻这种痛苦。Prototype 就是这样的 JavaScript 库。
Prototype 是一种相当宽泛的库,具有很多功能。它的功能可以简化普通任务,并侧重于 Ajax。Prototype 提供一种很酷的方式,实现了在 JavaScript 内继承 Java 和 C++ 风格、对 HTML DOM 元素的扩展以及用于 JSON 的实用工具。在本文中,您将重点学习 Prototype 能为 Ajax 做些什么,同时还会了解几个 Prototype 的其他功能。
使用 Prototype 的 Ajax 库
Prototype 具有很多为了帮助您学习 Ajax 开发而设计的功能。Prototype 如此受欢迎的原因之一就是它不限制您如何进行 Ajax 编程。比如,有两种常用的模式可以响 应 XMLHttpRequest(Ajax 内的底层机制):一种方式是使用用来重绘部分屏幕的 HTML 进行响应;一种是用数据进行响应,而将解析数据和重绘留给其他的 JavaScript 代码处理。Prototype 支持这两种模式。让我们来看看它是如何启用第一种模式的,即用 HTML 响应。