Web2_0应用中AJAX技术研究与实践.docxVIP

Web2.0 应用中 AJAX 技术研究与实践曾文权，曾庆斌(广东科学技术职业学院计算机工程技术学院,广东 广州 510640）摘 要：AJAX 是 ｗeb2.0 应用的一种新方法。它并不是一门新的语言或技术，而是几种已经在各自领域大行其道的技术的强强结合，AJAX 混合了 DHTML/CSS 、DOM 、 XML 及 XSLT 等几项技术，并且利用 JavaScript 来整合上述技术 。ＡJAX 为交互较 多、频繁读数据、数据分类良好的 web 应用提供了一个很好的解决方案 。关 键 词 ：AJAX；XMLHttpRequest；Web 应用中 图 分 类 号 ：TP274文 献 标 识 码 ：AT h e Re s e a r ch a n d P r a ct ice o f AJ AX T o We b 2.0Ap p lia t io nZENG Wen-quan , ZENG Qing-bin（School of Computer Engineering Technology, GuangDong Institute of Science Technology, Guangdong Guangzhou 510640)Key words: AJAX；XMLHttpRequest；Web application传统的 J2EE 表示层开发主要是指利用 J SP 和 Servlet 技术 结合而构成的 HTTP 模型。这一编程模型的核心就是基于 HTTP标准的表单提交,传统的表单完全由 HTML 标签构成,一旦用户进行提交, 浏览器将把完整的表单信息发送至服务器, 并等待 Web 服务器返回完整的页面信息；对服务器而言,会带来严重 的负载问题,经常需要发送重复的信息,以页面为单位的请求响应模式会严重降低 Web 表示层反应的灵敏性。基 于 XML 的 异 步 JavaScript， 简 称 AJAX（AsynchronousJavaScript and XML），该技术的引入,使得 Web 表示层灵敏不足的现状大有改观。在 AJAX 之前,Web 站点强制用户进入提交/等待/重新显示范例,用户的动作总是与服务器的“思考时间”同步。AJAX 技术能够提供与服务器异步通信的能力,从而使用户从请 求/响应的循环模式中解脱出来,通过借助 AJAX,用户可以在单击按钮时,采用 JavaScript 和 DHTML 立即更新 UI,并向服务器发 出异步请求, 以执行更新或查询数据库。当请求返回时, 使用 JavaScript 和 CSS 来相应地更新 UI,而不是刷新整个页面。对于终端而言,用户甚至不知道浏览器正在与服务器通信：Web 站点 看起来是即时响应的。AJAX 这个术语源自描述从基于网页的 Web 应用到基于数 据的应用的转换。在基于数据的应用中，用户需求的数据可以从 独立于实际网页的服务端取得并且可以被动态地写入网页中，给缓慢的 Web 应用体验着色，使得古老的 B/S 方式的 Web 开发 焕发了新的活力。1AJAX 应用程序与传统 WEB 应用程序之对比AJAX 是传统 WEB 应用程序的一个转变。以前是服务器每 次生成 HTML 页面返回给客户端浏览器,而 AJAX 可以作为客户端和服务器之间的中间层，来处理客户端的请求，并根据需要向 服务器端发送请求，同时更新页面时不用重载全部内容，只更新需要更新的那部分即可，这样就减少了数据下载总量。相对于纯 后台处理并重载的方式缩短了用户等待时间，也把对资源的浪 费降到最低。AJAX 基于标准化的并被广泛支持和技术，并且不需要插件或下载小程序，所以对于用户和 ISP(Internet ServiceProvider)来说是双赢的。图 1-1 和图 1-2 分别显示了典型的 web 应用程序的生命周 期和 AJAX 应用程序的生命周期。图 1-3 和图 1-4 分别显示了 典型的 web 应用程序的模型和 AJAX 应用程序的模型。图 1-1 典 型 的 web 应用程序生命周期 图图 1-2 Ajax 应用程序生命周期 23图 1-3 传 统 Web 应 用 模 型 （同 步 ）图 1-4 Ajax 应 用 模 型 （异 步 ）综上所述，Ajax 应用与传统的 Web 应用的区别主要在 3 个地方： 不刷新整个页面，在页面内与服务器通信。 使用异步方式与服务器通信，不需要打断用户的操作，具有更加迅速的响应能力。应用仅由少量页面组成。大部分交互在页面之内完成，不需 要切换整个页面。Ajax 就是 Web 标准和 Web 应用的可用性理论的集大成者。它极大地改善了 Web 应用的可用性和用户的交互体验，带来了 更