DWR(Direct Web Remoting)是一个WEB远程调用框架.利用这个框架可以让AJAX开发变得很简单.利用DWR可以在客户端利用JavaScript直接调用服务端的Java方法并返回值给JavaScript就好像直接本地客户端调用一样(DWR根据Java类来动态生成JavaScrip代码).它的最新版本DWR0.6添加许多特性如:支持Dom Trees的自动配置,支持Spring(JavaScript远程调用spring bean),更好浏览器支持,还支持一个可选的commons-logging日记操作.
废话少说，现在就搞起，
请先到 下载 dwr.jar ，放到 WEB-INF/lib 下 …负责处理客户端请求，并呼叫 Java 对象的是 DWRServlet ， DWR 其实也有些 Model 2 的味道，只是 View 的这一层比较弱，因为放到客户端的 JavaScript 应用程序中 …
在 web.xml 中加入 DWRServlet…
view plaincopy to clipboardprint?
01.<?xml version="1.0" encoding="UTF-8"?> 02.<web-app id="WebApp_ID" version="2.4" 03. xmlns="" 04. xmlns:xsi="" 05. xsi:schemaLocation=" "> 06. <display-name>dwrtest</display-name> 07. 08. <servlet> 09. <servlet-name>dwr-invoker</servlet-name> 10. 11. <servlet-class>org.directwebremoting.servlet.DwrServlet</servlet-class> 12. <init-param> 13. <param-name>debug</param-name> 14. <param-value>true</param-value> 15. </init-param> 16. </servlet> 17. 18. <servlet-mapping> 19. <servlet-name>dwr-invoker</servlet-name> 20. <url-pattern>/dwr/*</url-pattern> 21. </servlet-mapping> 22. 23.</web-app>接下来写个简单的 Hello 吧！
view plaincopy to clipboardprint?
01.package com.dwr; 02. 03.public class HelloWorld { 04. private String name; 05. public HelloWorld(){ 06. 07. } 08. public String getName() { 09. return name; 10. } 11. public void setName(String name) { 12. this.name = name; 13. } 14. public String sayHello(String name) { 15. return "Hello, " + name; 16. } 17. 18.}
客户端要呼叫这个 Java 对象，传给它参数，而后传回一个字符串，客户端再显示这个字符串，神奇？其实是要告诉 DWRServlet 这件事，这需要一个 dwr.xml，在WEB-INF目录下建立这个这个文件：
view plaincopy to clipboardprint?
01.<!DOCTYPE dwr PUBLIC 02. "-//GetAhead Limited//DTD Direct Web Remoting 1.0//EN" 03. ""> 04. 05.<dwr> 06. <allow> 07. <create creator="new" javascript="JDate"> 08. <param name="class" value="java.util.Date"/> 09. </create> 10. <create creator="new" javascript="Hello"> 11. <param name="class" value="com.dwr.HelloWorld"/> 12. </create> 13. </allow> 14.</dwr>creator 设定为 new ，表示使用 Hello 的无参数建构子来生成对象， javascript 设定为 Hello ，表示客户端 JavaScript 程序可以使用 Hello 来呼叫对应的 onlyfun.caterpillar.Hello 物件。
来写个客户端的网页，当中有一个输入字段，这里我们建立一个index.html，内容如下：
view plaincopy to clipboardprint?
01.<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" ""> 02.<html> 03.<head> 04.<meta http-equiv="Content-Type" content="text/html; charset=GB18030"> 05.<title>DWR's HelloWorld</title> 06.<mce:script type='text/javascript' src="dwr/interface/Hello.js" mce_src="dwr/interface/Hello.js"></mce:script> 07.<mce:script type='text/javascript' src="dwr/engine.js" mce_src="dwr/engine.js"></mce:script> 08.<mce:script type='text/javascript' src="dwr/util.js" mce_src="dwr/util.js"></mce:script> 09.<mce:script type='text/javascript' src="hello.js" mce_src="hello.js"></mce:script> 10.</head> 11.<body> 12.<input id="user" type="text" /><input type='button' value='哈罗' /> <div id="result"></div> 13.</body> 14.</html>
dwr/interface/Hello.js 是由 DWRServlet 根据 dwr.xml 中的设定生成的， engine.js 负责客户端伺服端沟通， util.js 是一些好用的 JavaScript 程序，可以让您少写很多 JavaScript 。
hello.js 是我们自定义的函式，按下按钮后，会呼叫当中的 hello() 函式,因而 需要在当前文件夹下建立一个hello.js:
view plaincopy to clipboardprint?
01.function hello(){ 02. var user = $('user').value; 03. Hello.sayHello(user,callback); 04.} 05.function callback(msg){ 06. DWRUtil.setValue('result',msg); 07.}
${'user'} 取得输入字段的 DOM 对象， value 取得当中的域值，而后呼叫 Hello.hello() ，并将 value 当作参数传送 … 结果是呼叫 Server 端的 Hello Java 对象，当结果传回后，会呼叫 JavaScript 的 callback 函式， DWRUtil 的 setValue() 方法会将传回的 msg 设定给指定 id 的 DOM ，结果就是 … 啥！ AJAX 的功能在哪 … 就这个而言就是发出异步请求，而响应不用 Refresh 页面啦！
本文来自CSDN博客，转载请标明出处：