您现在的位置： IT专家网 > Web服务子站 > WebService开发
面向开发人员的Ajax: 动态Java应用程序
在Web应用程序开发中，页面重载循环是最大的一个使用障碍，对于Java?开发人员来说也是一个严峻的挑战。
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 store’s catalog, one row per item -->
< th>Name< /th> < th>Description< /th> < th>Price< /th> < th>< /th> ... < tr> < !-- Item details --> < td>Hat< /td> < td>Stylish bowler hat< /td> < td>$19.99< /td> < td> < !-- Click button to add item to cart via Ajax request --> < button onclick="addToCart(’hat001’)">Add to Cart< /button> < /td> < /tr> ... < !-- Representation of shopping cart, updated asynchronously --> < ul id="cart-contents"> < !-- List-items will be added here for each item in the cart --> < /ul> < !-- Total cost of items in cart displayed inside span element --> Total cost: < span id="total">$0.00< /span> |
- 本文关键词：
