基于J2EE的Ajax技术

序言

Ajax技术是2006年最热门的技术，无论说它是对传统web技术的改进还是革命，其实质都是：它具有很强的生命力，确实代表了未来web应用开发的趋势。也许Ajax并不是唯一的选择，但Ajax的功能是大家有目共睹的。不过，Ajax不是一门独立的技术，单纯的AJAX技术没有任何用处。说穿了Ajax仅仅致力于改善用户浏览体验（异步请求），也就是说它是表现层的技术。

异步请求（返回数据）——Ajax的核心技术。调用一个回调函数，由浏览器自动执行，负责把服务器响应的数据显示到页面上。（由浏览器厂商实现）。

离开了传统web应用的支持，Ajax技术便会成为“无本之木，无源之水”。作为J2EE开发人员，我们似乎经常关注“后端机制（backend mechanics）”。我们通常会忘记，J2EE的主要成功之处在Web应用程序方面；许多原因使得人们喜欢利用Web开发应用程序，但主要还是因为其易于部署的特点允许站点以尽可能低的成本拥有上百万的用户。遗憾的是，在过去几年中，我们在后端投入了太多的时间，而在使我们的Web用户界面对用户自然和响应灵敏方面却投入不足。

本教材介绍一种方法，Ajax，使用它可以构建更为动态和响应更灵敏的Web应用程序。该方法的关键在于对浏览器端的JavaScript、DHTML和与服务器异步通信的组合。这种强大的力量可以使应用程序更加自然和响应灵敏，从而提升用户的浏览体验。

简介 术语Ajax用来描述一组技术，它使浏览器可以为用户提供更为自然的浏览体验。在Ajax之前，Web站点强制用户进入提交/等待/重新显示范例，用户的动作总是与服务器的“思考时间”同步。Ajax提供与服务器异步通信的能力，从而使用户从请求/响应的循环中解脱出来。借助于Ajax，可以在用户单击按钮时，使用JavaScript和DHTML立即更新UI，并向服务器发出异步请求，以执行更新或查询数据库。当请求返回时，就可以使用JavaScript和CSS来相应地更新UI，而不是刷新整个页面。最重要的是，用户甚至不知道浏览器正在与服务器通信：Web站点看起来是即时响应的。

虽然Ajax所需的基础架构已经出现了一段时间，但直到最近异步请求的真正威力才得到利用。能够拥有一个响应极其灵敏的Web站点确实激动人心，因为它最终允许开发人员和设计人员使用标准的

HTML/CSS/JavaScript堆栈创建“桌面风格的（desktop-like）”可用性。 通常，在J2EE中，开发人员过于关注服务和持久性层的开发，以至于用户界面的可用性已经落后。 定义Ajax

一、AJAX定义

AJAX（Asynchronous JavaScript and XML）其实是多种技术的综合，包括Javascript、XHTML和CSS、DOM、XML和XSTL、XMLHttpRequest。其中：

使用XHTML和CSS标准化呈现，使用DOM（解析XML文件，与语言无关）实现动态显示和交互，使用XML和XSTL进行数据交换与处理，使用XMLHttpRequest对象进行异步数据读取，使用Javascript绑定和处理所有数据。

在AJAX提出之前，业界对于上述技术都只是单独的使用，没有综合使用，也是由于之前的技术需求所决定的。随着应用的广泛，AJAX也成为香饽饽了。 Adaptive Path公司的Jesse James Garrett这样定义Ajax： Ajax不是一种技术。实际上，它由几种蓬勃发展的技术以新的强大方式组合而成。Ajax包含：

? ? ? ?

基于XHTML和CSS标准的表示；

使用Document Object Model进行动态显示和交互； 使用XMLHttpRequest与服务器进行异步通信； 使用JavaScript绑定一切。

这非常好，但为什么要以Ajax命名呢？其实术语Ajax是由Jesse James Garrett创造的，他说它是“Asynchronous JavaScript + XML的简写”。

Ajax的工作原理

Ajax的核心是JavaScript对象XmlHttpRequest。该对象在Internet Explorer 5中首次引入，它是一种支持异步请求的技术。简而言之，

XmlHttpRequest使您可以使用JavaScript向服务器提出请求并处理响应，而不阻塞用户。

在创建Web站点时，在客户端执行屏幕更新为用户提供了很大的灵活性。下面是使用Ajax可以完成的功能：

?

动态更新购物车的物品总数，无需用户单击Update并等待服务器重新发送整个页面。

提升站点的性能，这是通过减少从服务器下载的数据量而实现的。例如，在Amazon的购物车页面，当更新篮子中的一项物品的数量时，会重新载入整个页面，这必须下载32K的数据。如果使用Ajax计算新的总量，服务器只会返回新的总量值，因此所需的带宽仅为原来的百分之一。

消除了每次用户输入时的页面刷新。例如，在Ajax中，如果用户在分页列表上单击Next，则服务器数据只刷新列表而不是整个页面。 直接编辑表格数据，而不是要求用户导航到新的页面来编辑数据。对于Ajax，当用户单击Edit时，可以将静态表格刷新为内容可编辑的表格。用户单击Done之后，就可以发出一个Ajax请求来更新服务器，并刷新表格，使其包含静态、只读的数据。

?

? ?

二、现状与需要解决的问题

传统的Web应用采用同步交互过程，这种情况下，用户首先向HTTP服务器触发一个行为或请求的呼求。反过来，服务器执行某些任务，再向发出请求的用户返回一个HTML页面。这是一种不连贯的用户体验，服务器在处理请求的时候，用户多数时间处于等待的状态，屏幕内容也是一片空白。如下图：

自从采用超文本作为Web传输和呈现之后，我们都是采用这么一套传输方式。当负载比较小的时候，这并不会体现出有什么不妥。可是当负载比较大，响应时间要很长，1分钟、2分钟??数分钟的时候，这种等待就不可忍受了。严

重的，超过响应时间，服务器干脆告诉你页面不可用。另外，某些时候，我只是想改变页面一小部分的数据，那为什么我必须重新加载整个页面呢？！当软件设计越来越讲究人性化的时候，这么糟糕的用户体验简直与这种原则背道而驰。为什么老是要让用户等待服务器取数据呢？至少，我们应该减少用户等待的时间。现在，除了程序设计、编码优化和服务器调优之外，还可以采用AJAX。 三、为什么使用AJAX

与传统的Web应用不同，AJAX采用异步交互过程。AJAX在用户与服务器之间引入一个中间媒介，从而消除了网络交互过程中的处理—等待—处理—等待缺点。用户的浏览器在执行任务时即装载了AJAX引擎。AJAX引擎用JavaScript语言编写，通常藏在一个隐藏的框架中。它负责编译用户界面及与服务器之间的交互。AJAX引擎允许用户与应用软件之间的交互过程异步进行，独立于用户与网络服务器间的交流。现在，可以用Javascript调用AJAX引擎来代替产生一个HTTP的用户动作，内存中的数据编辑、页面导航、数据校验这些不需要重新载入整个页面的需求可以交给AJAX来执行。

使用AJAX，可以为ISP、开发人员、终端用户带来可见的便捷：

? ?

? ? ? ? ?

减轻服务器的负担。AJAX的原则是“按需取数据”，可以最大程度的减少冗余请求，和响应对服务器造成的负担。

无刷新更新页面，减少用户心理和实际的等待时间。特别的，当要读取大量的数据的时候，不用像Reload那样出现白屏的情况，AJAX使用XMLHTTP对象发送请求并得到服务器响应，在不重新载入整个页面的情况下用Javascript操作DOM最终更新页面。所以在读取数据的过程中，用户所面对的不是白屏，是原来的页面内容（也可以加一个Loading的提示框让用户知道处于读取数据过程），只有当数据接收完毕之后才更新相应部分的内容。这种更新是瞬间的，用户几乎感觉不到。 带来更好的用户体验。

可以把以前一些服务器负担的工作转嫁到客户端，利用客户端闲置的能力来处理，减轻服务器和带宽的负担，节约空间和宽带租用成本。 可以调用外部数据。

基于标准化的并被广泛支持的技术，不需要下载插件或者小程序。 进一步促进页面呈现和数据的分离。

AJAX问题——浏览器不兼容 W3C：互联网联盟

四、谁在使用AJAX

在应用AJAX开发上面，Google当仁不让是表率。Orkut、Gmail、Google

Groups、Google Maps、Google Suggest都应用了这项技术。Amazon的A9.com搜索引擎也采用了类似的技术。

微软也在积极开发更为完善的AJAX应用：它即将推出代号为Atlas的AJAX工具。Atlas的功能超越了AJAX本身，包括整合Visual Studio的调试功能。另外，新的ASP.NET控件将使客户端控件与服务器端代码的捆绑更为简便。Atlas客户脚本框架（Atlas Clent Script Framework）也使与网页及相关项目的交互更为便利。但Visual Studio 2005中并不包含此项功能。

典型的，微软将AJAX技术应用在MSN Space上面。很多人一直都对MS Space服务感到很奇怪，当提交回复评论以后，浏览器会暂时停顿一下，然后在无刷新的情况下把我提交的评论显示出来。这个就是应用了AJAX的效果。试想，如果添加一个评论就要重新刷新整个页面，那可真费事。

目前，AJAX应用最普遍的领域是GIS-Map方面。GIS的区域搜索强调快速响应，AJAX的特点正好符合这种需求。

五、用AJAX改进你的设计

AJAX虽然可以实现无刷新更新页面内容，但是也不是什么地方都可以用，主要应用在交互较多、频繁读数据、数据分类良好的Web应用中。现在，让我们举两个例子，看看如何用AJAX改进你的设计。

例子1：数据校验

在输入form表单内容的时候，我们通常需要确保数据的唯一性。因此，常常在页面上提供“唯一性校验”按钮，让用户点击，打开一个校验小窗口；或者等form提交到服务器端，由服务器判断后在返回相应的校验信息。前者，window.open操作本来就是比较耗费资源的，通常由window. showModalDialog代替，即使这样也要弹出一个对话框；后者，需要把整个页面提交到服务器并由服务器判断校验，这个过程不仅时间长而且加重了服务器负担。而使用AJAX，这个校验请求可以由XMLHttpRequest对象发出，整个过程不需要弹出新窗口，也不需要将整个页面提交到服务器，快速又不加重服务器负担。例子2：按需取数据—级联菜单

以前，为了避免每次对菜单的操作引起的重载页面，不采用每次调用后台的方式，而是一次性将级联菜单的所有数据全部读取出来并写入数组，然后根据用户的操作用JavaScript来控制它的子集项目的呈现，这样虽然解决了操作响应速度、不重载页面以及避免向服务器频繁发送请求的问题，但是如果用户不对菜单进行操作或只对菜单中的一部分进行操作的话，那读取的数据中的一部分就会成为冗余数据而浪费用户的资源，特别是在菜单结构复杂、数据量大的情况下（比如菜单有很多级、每一级菜又有上百个项目），这种弊端就更为突出。 现在应用AJAX，在初始化页面时我们只读出它的第一级的所有数据并显示，在用户操作一级菜单其中一项时，会通过Ajax向后台请求当前一级项目所属的二级子菜单的所有数据，如果再继续请求已经呈现的二级菜单中的一项时，再向

后面请求所操作二级菜单项对应的所有三级菜单的所有数据，以此类推??这样，用什么就取什么、用多少就取多少，就不会有数据的冗余和浪费，减少了数据下载总量，而且更新页面时不用重载全部内容，只更新需要更新的那部分即可，相对于后台处理并重载的方式缩短了用户等待时间，也把对资源的浪费降到最低。

例子3：读取外部数据

AJAX可以调用外部数据，因此，可以对一些开发的数据比如XML文档、RSS文档进行二次加工，实现数据整合或者开发应用程序。六、AJAX的缺陷 AJAX不是完美的技术。使用AJAX，它的一些缺陷不得不权衡一下： AJAX大量使用了Javascript和AJAX引擎，而这个取决于浏览器的支持。IE5.0及以上、Mozilla1.0、NetScape7及以上版本才支持，Mozilla虽然也支持AJAX，但是提供XMLHttpRequest的方式不一样。所以，使用AJAX的程序必须测试针对各个浏览器的兼容性。

? AJAX更新页面内容的时候并没有刷新整个页面，因此，网页的后退功能

是失效的；有的用户还经常搞不清楚现在的数据是旧的还是已经更新过的。这个就需要在明显位置提醒用户“数据已更新”。 ? 对流媒体的支持没有FLASH、Java Applet好。

? 一些手持设备（如手机、PDA等）现在还不能很好的支持Ajax。

?

AJAX应用到的技术

AJAX涉及到的7项技术中，个人认为Javascript、XMLHttpRequest、DOM、XML比较有用。

A、XMLHttpRequest对象

XMLHttpRequest是XMLHTTP组件的对象，通过这个对象，AJAX可以像桌面应用程序一样只同服务器进行数据层面的交换，而不用每次都刷新界面，也不用每次将数据处理的工作都交给服务器来做；这样既减轻了服务器负担又加快了响应速度、缩短了用户等待的时间。

IE5.0开始，开发人员可以在Web页面内部使用XMLHTTP ActiveX组件扩展自身的功能，不用从当前的Web页面导航就可以直接传输数据到服务器或者从服务器接收数据。,Mozilla1.0以及NetScape7则是创建继承XML的代理类

XMLHttpRequest；对于大多数情况，XMLHttpRequest对象和XMLHTTP组件很相似，方法和属性类似，只是部分属性不同。

XMLHttpRequest对象初始化：

XMLHttpRequest对象的方法： 方法 abort()

getAllResponseHeaders()

getResponseHeader(\

描述

停止当前请求 作为字符串返回完整的headers 作为字符串返回单个的header标签

open(\(提交方式get/post)\（请求服务器设置未决的请求的目资源servlet/action/jsp）\(是否发送异步标 URL，方法，和其请求true/false)[,\打开他参数 和属性的连接 send(content)

setRequestHeader（open中的post方法）(\\设置请求头

XMLHttpRequest对象的属性： 属性

Onreadystatechange（回调函数） readyState

描述

状态改变的事件触发器 对象状态(integer): 0 = 未初始化 1 = 读取中 2 = 已读取 3 = 交互中 4 = 完成

服务器进程返回数据的文本版本 服务器进程返回数据的兼容DOM的XML文档对象

服务器返回的状态码, 如：404 = \文件未找到\、200 =\成功\、500=”空指针异常”

服务器返回的状态文本信息

发送请求

设置header并和请求一起发送

responseText responseXML status

statusText

B、Javascript

Javascript一直被定位为客户端的脚本语言，应用最多的地方是表单数据

的校验。现在，可以通过Javascript操作XMLHttpRequest，来跟数据库打交道。

C、DOM

DOM（Document Object Model）是提供给HTML和XML使用的一组API，提供了文件的表述结构，并可以利用它改变其中的内容和可见物。脚本语言通过DOM才可以跟页面进行交互。Web开发人员可操作及建立文件的属性、方法以及事件都以对象来展现。比如，document就代表页面对象本身。

D、XML

通过XML（Extensible Markup Language），可以规范的定义结构化数据，是网上传输的数据和文档符合统一的标准。用XML表述的数据和文档，可以很容易的让所有程序共享。

7.2、AJAX开发框架

这里，我们通过一步步的解析，来形成一个发送和接收XMLHttpRequest请求的程序框架。AJAX实质上也是遵循Request/Server模式，所以这个框架基本的流程也是：对象初始化à发送请求à服务器接收à服务器返回à客户端接收à修改客户端页面内容。只不过这个过程是异步的。

A、初始化对象并发出XMLHttpRequest请求

为了让Javascript可以向服务器发送HTTP请求，必须使用XMLHttpRequest对象。使用之前，要先将XMLHttpRequest对象实例化。之前说过，各个浏览器对这个实例化过程实现不同。IE以ActiveX控件的形式提供，而Mozilla等浏览器则直接以XMLHttpRequest类的形式提供。为了让编写的程序能够跨浏览器运行，要这样写：

if (window.XMLHttpRequest) { // Mozilla, Safari, ... http_request = new XMLHttpRequest(); }

else if (window.ActiveXObject) { // IE

http_request = new ActiveXObject(\}

有些版本的Mozilla浏览器处理服务器返回的未包含XML mime-type头部信息的内容时会出错。因此，要确保返回的内容包含text/xml信息。

http_request = new XMLHttpRequest();

http_request.overrideMimeType('text/xml'); B、指定响应处理函数

接下来要指定当服务器返回信息时客户端的处理方式。只要将相应的处理函数名称赋给XMLHttpRequest对象的onreadystatechange属性就可以了。比如： http_request.onreadystatechange = processRequest;

需要指出的时，这个函数名称不加括号，不指定参数。也可以用Javascript即时定义函数的方式定义响应函数。比如：

http_request.onreadystatechange = function() { }; C、发出HTTP请求

指定响应处理函数之后，就可以向服务器发出HTTP请求了。这一步调用XMLHttpRequest对象的open和send方法。

http_request.open('GET', 'http://www.example.org/some.file', true); http_request.send(null);

open的第一个参数是HTTP请求的方法，为Get、Post或者Head。 open的第二个参数是目标URL。基于安全考虑，这个URL只能是同网域的，否则会提示“没有权限”的错误。这个URL可以是任何的URL，包括需要服务器解释执行的页面，不仅仅是静态页面。目标URL处理请求XMLHttpRequest请求则跟处理普通的HTTP请求一样，比如JSP可以用request.getParameter(“”)或者request.getAttribute(“”)来取得URL参数值。

open的第三个参数只是指定在等待服务器返回信息的时间内是否继续执行下面的代码。如果为True，则不会继续执行，直到服务器返回信息。默认为True。 按照顺序，open调用完毕之后要调用send方法。send的参数如果是以Post方式发出的话，可以是任何想传给服务器的内容。不过，跟form一样，如果要传文件或者Post内容给服务器，必须先调用setRequestHeader方法，修改MIME类别。如下：

http_request.setRequestHeader(“Content-Type”,”application/x-www-form-urlencoded”);

这时资料则以查询字符串的形式列出，作为sned的参数，例如： name=value&anothername=othervalue&so=on D、处理服务器返回的信息

在第二步我们已经指定了响应处理函数，这一步，来看看这个响应处理函数都应该做什么。

首先，它要检查XMLHttpRequest对象的readyState值，判断请求目前的状态。参照前文的属性表可以知道，readyState值为4的时候，代表服务器已经传回所有的信息，可以开始处理信息并更新页面内容了。如下： if (http_request.readyState == 4) { // 信息已经返回，可以开始处理 } else {

// 信息还没有返回，等待 }

服务器返回信息后，还需要判断返回的HTTP状态码，确定返回的页面没有错误。所有的状态码都可以在W3C的官方网站上查到。其中，200代表页面正常。 if (http_request.status == 200) { // 页面正常，可以开始处理信息 } else {

// 页面有问题 }

XMLHttpRequest对成功返回的信息有两种处理方式： responseText：将传回的信息当字符串使用；

responseXML：将传回的信息当XML文档使用，可以用DOM处理。 E、一个初步的开发框架

总结上面的步骤，我们整理出一个初步的可用的开发框架，供以后调用；这里，将服务器返回的信息用window.alert以字符串的形式显示出来：

信息已经成功返回，开页面不正常

您所请求的页面有异常。\

引入DWR（直接WEB远程调用）

如同在“原始的Ajax”一节所演示的那样，直接使用XmlHttpRequest创建异步请求非常麻烦。不仅JavaScript代码冗长，而且必须考虑服务器端为定位Ajax请求到适当的服务所需做的工作，并将结果封送到浏览器。 设计DWR的目的是要处理将Web页面安装到后端服务上所需的所有信息管道。它是一个Java框架，可以很轻松地将它插入到Web应用程序中，以便JavaScript代码可以调用服务器上的服务。它甚至直接与Spring Framework集成（脚本对象能够调用Spring容器管理的bean），从而允许用户直接向Web客户机公开bean。

AJAX的框架

Prototime,Dojo,Dwr,Ajaxtags,buffale,Extjs,JQuery,Flex3

DWR真正的巧妙之处是，在用户配置了要向客户机公开的服务之后，它使用反射来生成JavaScript对象，以便Web页面能够使用这些对象来访问该服务。然后Web页面只需接合到生成的JavaScript对象，就像它们是直接使用服务一样；DWR无缝地处理所有有关Ajax和请求定位的琐碎细节。

DWR 是一个开放源码的使用 Apache 许可协议的解决方案，它包含服务器端 Java 库、一个 DWR servlet 以及 JavaScript 库。虽然 DWR 不是 Java 平台上唯一可用的 Ajax-RPC 工具包，但是它是最成熟的，而且提供了许多有用的功能

DWR 是什么？

DWR是Apache许可下的一个开源项目，它是一个非常专业的J2EE Ajax框架，可以将java组件的方法直接暴露给远程的javascript客户端。这种方式非常类似于java的远程方法调用，不同的是dwr中调用的客户端是javascript代码，而不是java代码。

通过使用dwr可以通过一种简单的方式开发Ajax应用。它的主要功能是将服务器端的代码暴露给客户端。当然它也提供了一套javascript函数集，从而简化DOM元素的操作，例如动态修改表的内容，用选项填充select下拉框，改变HTML元素的内容等

DWR专业还体现在与其他j2ee框架的整合上，DWR可以与spring 无缝整合，允许直接调用spring管理的Bean。不仅如此，他还可以与struts,webwork和jsf等框架整合。 DWR主要包括两部分：

1． 客户端的javascript，可以直接调用远程java方法，并根据远程方法的

返回值动态更新页面内容。

2． 服务器上运行的servlet，处理请求并把结果返回客户端的javascript代

码。

DWR会根据java类动态生成javascript代码，通过这些动态生成的javascript代码，将服务器端的java方法直接暴露给客户端的javascript让用户产生一个错觉：DWR可以通过javascript代码直接调用远程java方法，实际上DWR依然依赖XMLHttpRequest对象和服务器通信。其基本原理是：当开发者直接调用

远程java方法时，DWR会负责将这种调用转换成对应的XMLHttpRequest请求，并将请求发送到远程服务器端。当服务器处理完后，DWR再负责将处理结果传回客户端的javascript代码。这时要用到DWR的工具对象DWRUtil.他用来简化DOM的操作。

从最简单的角度来说，DWR 是一个引擎，可以把服务器端 Java 对象的方法公开给 JavaScript 代码。使用 DWR 可以有效地从应用程序代码中把 Ajax 的全部请求-响应循环消除掉。这意味着客户端代码再也不需要直接处理

XMLHttpRequest 对象或者服务器的响应。不再需要编写对象的序列化代码或者使用第三方工具才能把对象变成 XML。甚至不再需要编写 servlet 代码把 Ajax 请求调整成对 Java 域对象的调用。

DWR 是作为 Web 应用程序中的 servlet 部署的。把它看作一个黑盒子，这个 servlet 有两个主要作用：首先，对于公开的每个类，DWR 动态地生成包含在 Web 页面中的 JavaScript。生成的 JavaScript 包含存根函数，代表 Java 类上的对应方法并在幕后执行 XMLHttpRequest。这些请求被发送给 DWR，这时它的第二个作用就是把请求翻译成服务器端 Java 对象上的方法调用并把方法的返回值放在 servlet 响应中发送回客户端，编码成 JavaScript。DWR 还提供了帮助执行常见的用户界面任务的 JavaScript 工具函数。

xmlns:xsi=\xsi:schemaLocation=\ http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd\

dwr-invoker DWR Servlet

uk.ltd.getahead.dwr.DWRServlet

debug true

dwr-invoker /dwr/*

需要增加这个web.xml。uk.ltd.getahead.dwr.DWRServlet是DWR框架的核心类。除此之外，还必须增加一个dwr.xml文件。该文件负责java类和javascript对象之间的对应关系。

Dwr.xml:

\

\

value=\

match=\

value=\

dwr.xml 文档的根元素是 dwr。在这个元素内是 allow 元素，它指定 DWR 进行远程的类。allow 的两个子元素是 create 和 convert 在上面的配置文件中，最重要的元素是allow，没有他，dwr什么也干不了。Create元素用于定义如何将一个java类转换成一个javascript对象，而convert用于完成java类和javascript之间的转换。 Index.jsp

Username:

create 元素（创建器）

java对象必须被暴露成客户端的javascript对象才可以被调用。为了将java对象暴露成javascript对象，DWR 提供了创建器，创建器负责将java对象创建成javascript对象

dwr.xml文件的allow元素下的create子元素的大致格式如下：

Create元素用语创建一个javascript对象，create元素中的很多属性和子元素都是可选的，但通常需要指定两个属性：javascript属性用于指定创建的javascript对象的名字，creator则用于指定创建实例所使用的创建器。 DWR默认提供如下几个创建器。

1． New:该创建器使用new关键字创建java实例 2． None：该创建器不创建任何实例

3． Scripted：使用脚本语言，如BeanShell或Groovy通过BSF创建实例 4． Spring：直接使用spring容器中的bean, 用于DWR和spring的整合 5． Jsf：直接使用jsf容器中的bean, 用于DWR和jsf的整合 6．

7． Struts:直接使用struts中的formbean,用于struts和DWR整合 8． Pageflow：直接访问weblogic或Beehive的 PageFlow中的bean 9． Ejb3:这是一个实验性的创建器，建议谨慎使用 当然，最基本，最常用的创建器是new. 对于create元素，如下属性是通用的：

1． Javascript:当远程java对象被创建后，DWR负责将该对象暴露成客户端

的javascript对象，该属性用于指定这个javascript对象的名字

2． Scope:该属性非常类似于servlet规范中的scope,用于指定java实例的生

命范围，只能选择application,session,request,page其中之一，该属性可选。默认page

3． Param:被用来指定creator 其他相关参数，不同的创建器需要指定的

param是不一样的。例如：new创建器需要指定创建java实例的类

4． Include:如果java实例中包含五个方法，但只想有三个方法被暴露，则可

以使用include元素指定这三个方法。一旦使用了include元素， java对象的其他方法默认将不被暴露

5． Exclude:作用类似于include元素，但exclude元素用于指定不暴露的方

法

6． Auth:该元素指定一个j2ee角色。一旦指定了auth元素，该java对象的

方法将处于被保护的状态，只有具有auth属性指定的j2ee角色的用户才可以访问

//注意Hello类中的abc方法被暴露，没有圆括号。其他的方法javascript对象hello不能调用

convert 元素（转换器）

creator 负责公开用于 Web 远程的类和类的方法，convertor 则负责这些方法的参数和返回类型。当我们声明一个方法时，该方法的参数是java 类型或返回值是java类型就需要转换器。

convert 元素的作用是告诉 DWR 在服务器端 Java 对象表示和序列化的 JavaScript 之间如何转换数据类型。

DWR 自动地在 Java 和 JavaScript 表示之间调整简单数据类型。这些类型包括 Java基本数据类型，还有 String、Date、数组和集合类型。这些类型不需要显示的在dwr.xml中配。DWR 默认关闭了Bean和Object转换器。Bean转换器用于完成javabean 对象和 json格式javascript对象之间的转换。必须要显示的配置。object转换器与Bean转换器非常类似，他们的作用完全相同，都是用于完成java对象和json格式的javascript对象之间的转换，但object转换器的功能更强大。他通过java的反射机制来访问java对象的属性，即他无须提供setter和getter方法也可访问对应的属性。而Bean转换器通过上溯两个方法访问。

Bean转换器的语法： 如果同时需要转换某个包下的所有的类：

如果远程方法的返回值是 javabean实例，那么客户端javascript调用该方法也返回一个javascript对象，该对象是一个JSON格式的对象。默认这个对象包含了java对象的所有属性。JSON 格式对象

{name:’namevalue’} 如果某个方法包含了com.Person的对象在客户端这样调用：

Var name=document.getElementById(“name”).value; Var age=document.getElementById(“age”).value; Var obj={ Name:name, Age:age }

Hello.sendObject(obj,callbackname);

上面的代码表明在转换时将不会转换prop1,prop2两个属性。这叫黑名单方式。如果远程方法的参数或返回值不是javabean而是普通object就用object转换器。

数组转换器参见例子 集合转换器参见例子 方法的声明：

DWR使用反射来确定java 实例和javascript对象之间的转换。有时类型信息并不明确，或者参数是一个集合，集合元素的类型不明确，此时可以在dwr.xml文件的方法声明部分明确定义这些类型

方法声明放在signatures元素中，该元素的值是一个普通字符窜。通常用将所有字符串包含起来。例如：list中放的什么不知道 Public void sendList(List p1){ ……. }

方法声明可以告诉DWR应该用什么类型去处理。

Import java.util.List; Import lee.HeleloDwr;

HelloDwr.sendList(List); ]]>

一个DWR的简单例子：

到http://getahead.ltd.uk/dwr/download下载dwr.jar文件。

2、用eclipse新建一个项目，我的项目名就叫dwr。

3、把刚才下载的dwr.jar放到web-inf/lib下面。

4、在web.xml中加入一下内容：

dwr-invoker DWR Servlet

Direct Web Remoter Servlet

uk.ltd.getahead.dwr.DWRServlet

debug true

dwr-invoker /dwr/*

5、在web.xml的所在目录下新建dwr.xml，内容如下：

value=\

6、创建服务器端的程序com.wuahui.test.ajax.AjaxTest.java，代码如下：

package com.wuahui.test.ajax;

import java.util.Date;

public class AjaxTest {

public String dispCurrentTime(){ return new Date().toString(); } }

7、在web目录下创建前台页面myAjax.html，内容如下：

onclick='Test.dispCurrentTime(reply0);' value='查看当前时间' title='查看服务器上的时间'/>

8、把项目部署到Tomcat上面运行

http://localhost:8080/dwr/myAjax.html即可。

本文来源：https://www.bwwdw.com/article/0w43.html