像专业人员一样开发Ajax应用程序,第1部分

使用 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 响应。

时间: 2024-12-28 19:58:03

像专业人员一样开发Ajax应用程序,第1部分的相关文章

像专业人员一样开发Ajax应用程序,第3部分

使用 DWR.Java 和 Dojo 工具箱集成 Java 和 JavaScript 您能很快地说出多少 Java Web 开发框架.库和工具箱?没错,数量太多,以至于很难弄清楚它们各自的功能以及哪个功能可以真正帮助您解决问题.但是,如 果您从事的是 Ajax 开发,那么您必须要知道这个库:Direct Web Remoting (DWR).它利用 Java 语言和 Java Web 技术大大地简化了 Ajax 开发,并为如何无缝地将 Ajax 集成到 Java Web 应用程序设立了标准.实际

像专业人员一样开发Ajax应用程序,第2部分

使用 Scriptaculous JavaScript 库和 script.aculo.us 本文是包含三部分的系列文章的第 2 部分,这个系列讨论可以用来创建 Ajax 应用程序的流行的 JavaScript 库.在 第 1 部分 中,学习了如何用 Prototype 库创建 一个用来管理歌曲的 Web 应用程序.在本文中,将使用 Scriptaculous 库构建一个用来管理照片的 Web 应用程序. 本文使用的是 Scriptaculous 的最新版本 1.8.1(参见 参考资料 中的链接

GWT开发AJAX应用程序教程

一. 引言 如果你是一个Java软件和Ajax开发者,那么,Google Web Toolkit(GWT)应该已经引起你的关注. Google公司已经于2006年5月在Apache许可协议下发布了这种免费的开发工具包.GWT的设计目的是为了简化用Java语言开发Ajax应用程序.Google初始发行的beta版本可以适用于Windows和Linux平台,并许诺稍后要发行一个Mac OS X版本. 本文将探讨在Mac OS X上使用GWT和熟悉的Java工具,例如Apache Ant,Tomcat

使用GWT开发AJAX应用程序

一. 引言 如果你是一个Java软件和Ajax开发者,那么,Google Web Toolkit(GWT)应该已经引起你的关注. Google公司已经于2006年5月在Apache许可协议下发布了这种免费的开发工具包.GWT的设计目的是为了简化用Java语言开发Ajax应用程序.Google初始发行的beta版本可以适用于Windows和Linux平台,并许诺稍后要发行一个Mac OS X版本. 本文将探讨在Mac OS X上使用GWT和熟悉的Java工具,例如Apache Ant,Tomcat

使用Google Web Toolkit和JSON开发Ajax应用程序

Google Web Toolkit 和 JSON 简介 Google Web Toolkit(GWT)是一套用来开发 Ajax 程序的工具,它支持开发者使用 Java 代码来创建 Ajax 的应用程序. JSON (JavaScript Object Notation)是一种轻量级的数据交换格式.它是一种完全和语言无关的文本格式.同时由于 JSON 是 JavaScript 的对象文字符号的子集,所以在 Ajax 开发中,经常用来作为客户端和服务器端数据交换的标准格式. 本文将关注如何使用 G

用事实说话!AJAX应用程序开发七宗罪

ajax|程序 AJAX bandwagon是个好去处.它带给你更快.更高效.更强动态的应用.但它也有自身的缺陷. 初一看,具备一些常识似乎就能避免这些缺陷,在一定程度上,的确如此.但从DHTML起源来看,AJAX应用程序充满了结构性差异.不论你在应用程序开发工作中掌握了多少常识,从别人犯的错误中吸取教训也是有好处的.我们称这些错误为"七宗死罪",但它们不能代表全部的错误. 事实上,在你犯这些致命过失之前,你可能首先犯了一些较轻的错误.因此我们从这里着手.这是每个人都可能犯的错误.这些

最优化跨浏览器Ajax应用程序

简介:如果所有的浏览器.计算机型号和 Ajax 应用程序的用户都一样,对开发人员来说,那真是妙 极了.但实际的情况是它们往往各不相同.在跨浏览器.计算机和单个用户设置方面开发行为可预知的 应用程序时,开发人员往往需要面对重重困难.当用户将 Ajax 应用程序从一个浏览器类型转换到另一 个浏览器类型时(尤其是在将 Ajax 应用程序传递给 Web 服务门户时),由于每个浏览器固有的限制, 无法保证拥有相同的浏览器体验.在本文中,作者 Judith Myerson 简单介绍了这些限制以及应该着重 避

使用Google Web Toolkit、Apache Derby和Eclipse构建Ajax应用程序 1

GWT 使得构建富 Ajax 浏览器客户机界面比构建传统 Java GUI 界面还要轻松.然而,即使是 GWT 这样出色的技术也无法独自构建出一个完整的 Web 应用程序.您还必须有一个服务器上的数据存储和某种类型的框架,以便将数据转换成 GWT 可从服务器传递给其客户的 Java 对象.在这一系列文章中,您将使用 Apache Derby 这个 100% 纯 Java 数据库,可将其嵌入与其余服务器端代码相同的 Java 虚拟机(JVM)之中. 本系列的第一篇文章主要探讨 GWT.在这里,您将

开发保留标准浏览器功能的AJAX应用程序(3)

ajax|标准|程序|浏览器 使用碎片标识符,我们可以创建一个"Ajax-URI",其中的客户端部分和服务器端部分使用"#"隔开. JavaScript提供了window.location()函数,以便通过URI更新浏览器的历史记录和地址.此外,我们可以使用window.location.hash()直接访问碎片标识符. 在下面的代码片断中,您可以看到如何通过对选择框使用onchange事件处理程序来扩展我们的代码,该处理程序使用一个"Ajax-URI&q