面向Java程序员的Ajax:构建动态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＞
  
  　　Ajax 往返过程
  
  　　Ajax 交互开始于叫作 XMLHttpRequest 的 JavaScript 对象。顾名思义，它允许客户端脚本执行 HTTP 请求，并解析 XML 服务器响应。Ajax 往返过程的第一步是创建 XMLHttpRequest 的实例。在 XMLHttpRequest 对象上设置请求使用的 HTTP 方法（GET 或 POST）以及目标 URL。
  
• [1] [2] [3] [4] [5] [6] [7] [8] 下一页 
• 复制本页网址和标题，发送给你QQ/Msn的好友一起分享
  
  
• 面向Java程序员的Ajax:构建动态Java程序 相关文章：
• ·面向Java程序员的Ajax:构建动态Java程序
• 面向Java程序员的Ajax:构建动态Java程序 相关软件

上一篇:Struts框架在小区物业管理系统中的应用

下一篇:jsp Servlet基础入门学习：JSP动作

• 特别声明：本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作
• 者.文章版权归文章原始作者所有.对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转
• 载的文章有版权问题请联系编辑人员,我们尽快予以更正. 转载请注明来源：http://www.hackhome.com

精品推荐

热点TOP10

特别推荐