基于Ajax技术的DWR框架的研究及应用.pdfVIP

基于Ajax 技术的DWR 框架的研究与应用 张二梅 北京邮电大学计算机科学与技术学院，北京（100876 ） E-mail ：meierzhang1983@163.com 摘 要：随着Web 应用程序复杂性越来越高，传统的Web 应用程序已经渐渐不能满足Web 浏览者更高的、全方位的体验要求了，于是具有高度互动性，给用户带来丰富体验的互联网 应用程序应运而生。Ajax 作为Web2.0 的核心技术得到了广泛的发展,带给了我们更快，更高 效，更强动态的应用，用户的体验也得到了极大的改善。为了减少开发的困难，很多框架出 现了，并对 HttpXmlRequest 对象进行了封装，减少了开发时的代码量，其中最适用于 Java 应用程序的Ajax 框架是 DWR 框架。本文着重对DWR 框架进行了分析研究，并结合具体 项目使其得到了很好的应用。 关键词：DWR；Ajax；后端机制；级联菜单 1. 引言 随着Web2.0 的发展，Ajax 技术越来越得到大家的认可和支持，它改变了Web 站点强制 [3] 用户进入提交/等待/重新显示范例，具体的响应过程如图1 所示，解决了用户的动作总是 与服务器的“思考时间” 同步的问题。J2EE 开发人员发现，在过去的几年里，我们经常关注“后 端机制（backend mechanics ）”，在后端投入了太多的时间，而在使我们的Web 用户界面对 用户自然和响应灵敏方面投入不足。为了满足用户的浏览需求，提高应用程序的响应灵敏度， Ajax 作为Web2.0 的核心技术，得到了广泛的发展,带给了我们更快，更高效，更强动态的应 用。 提起Ajax ，大家无人不知。借助于Ajax[1]，用户在单击按钮时，使用JavaScript 和DHTML 立即更新UI ，并向服务器发出异步请求，执行更新或查询数据库。当请求返回时，就可以 使用JavaScript 和CSS 来相应地更新UI ，而不是刷新整个页面。最重要的是，用户甚至不 知道浏览器正在与服务器通信：Web 站点看起来是即时响应的，具体响应过程如图2[3]所示。 - 1 - 图1 传统的Web 响应过程 图2 基于Ajax 的Web 响应过程 2. DWR 框架简介 2.1 与其他框架的比较 现在的Ajax 框架有很多种，每个AJAX Framework 都有提供自己的XHR Utility 或包， 用来屏蔽各种前台操作。但是DWR[2] （Direct Web Remoting ）是其中最专业也是支持最广 的AJAX 非同步传输Framework.DWR 其实就是一个引擎，可以把服务器端Java 对象的方法 - 2 - 公开给JavaScript 代码，有效地从应用程序代码中把Ajax 的全部请求-响应循环消除掉，从 而简化了代码。 DWR 框架主要是针对Java 开发的Ajax-Web,是一个开放源码的使用 Apache 许可协议 的解决方案，它包含服务器端 Java 库、一个 DWR servlet 以及 JavaScript 库。其中的 JavaScript 功能集把HTML 页面调用应用服务器上的Java 对象的方法简化了，它控制不同类 型的参数，并同时保持了HTML 代码的可读性。虽然 DWR