面向java程序员的ajax.pdfVIP

面向 Java 开发人员的 Ajax: 构 建动态的 Java 应用程序 Ajax 为更好的 Web 应用程序铺平了道路 级别： 中级 文档选项 Philip McCarthy (philmccarthy@), 软件开 打印本页 发顾问, 独立咨询顾问 将此页作为电子邮件 2005 年 10 月 20 日 发送 在 Web 应用程序开发中，页面重载循环是最大的一个使 讨论 用障碍，对于 Java™开发人员来说也是一个严峻的挑战。 样例代码 在这个系列中，作者 Philip McCarthy 介绍了一种创建 动态应用程序体验的开创性方式。Ajax （异步 JavaScript 和 XML）是一种编程 技术，它允许为基于 Java 的 Web 应用程序把 Java 技术、XML 和 JavaScript 组合起来，从而打破页面重载的范式。 Ajax （即异步 JavaScript 和 XML）是一种 Web 应用程序开发的手段，它采用 客户端脚本与 Web 服务器交换数据。所以，不必采用会中断交互的完整页面刷 新，就可以动态地更新 Web 页面。使用 Ajax，可以创建更加丰富、更加动态的 Web 应用程序用户界面，其即时性与可用性甚至能够接近本机桌面应用程序。 Ajax 不是一项技术，而更像是一个 模式 —— 一种识别和描述有用的设计技 术的方式。Ajax 是新颖的，因为许多开发人员才刚刚开始知道它，但是所有实 现 Ajax 应用程序的组件都已经存在若干年了。它目前受到重视是因为在 2004 和 2005 年出现了一些基于 Ajax 技术的非常棒的动态 Web UI，最著名的就是 Google 的 GMail 和 Maps 应用程序，以及照片共享站点 Flickr。这些用户界 面具有足够的开创性，有些开发人员称之为 “Web 2.0”，因此对 Ajax 应用程 序的兴趣飞速上升。 在这个系列中，我将提供使用 Ajax 开发应用程序需要的全部工具 。在第一篇 文章中，我将解释 Ajax 背后的概念，演示为基于 Java 的 Web 应用程序创建 Ajax 界面的基本步骤。我将使用代码示例演示让 Ajax 应用程序如此动态的服 务器端 Java 代码和客户端 JavaScript。最后，我将指出 Ajax 方式的一些不足， 以及在创建 Ajax 应用程序时应当考虑的一些更广的可用性和访问性问题。 更好的购物车 可以用 Ajax 增强传统的 Web 应用程序，通过消除页面装入从而简化交互。为 了演示这一点，我采用一个简单的购物车示例，在向里面添加项目时，它会动 态更新。这项技术如果整合到在线商店，那么用户可以持续地浏览和向购物车 中添加项目，而不必在每次点击之后都等候完整的页面更新。虽然这篇文章中 的有些代码特定于购物车示例，但是演示的技术可以应用于任何 Ajax 应用程 序。清单 1 显示了购物车示例使用的有关 HTML 代码，整篇文章中都会使用这 个 HTML。 清单 1. 购物车示例的有关片断 !-- Table of products from stores catalog, one row per item -- thName/th thDescription/th thPrice/th th/th ... tr !-- Item details -- tdHat/td tdStylish bowler hat/td td$19.99/td td !-- Click button to add item to cart via Ajax request -- button onclick=addToCart(hat001)Add t