DWR学习笔记一

参看http://getahead.org/

一、DWR简介

DWR是一个开源的java包，可以使浏览器中的代码使用web服务器中java类的方法，就像这个方法就是在浏览器中一样。

DWR包括两个部分：一个运行在服务器端的Java Servlet，负责处理浏览器的请求并发送反馈给浏览器；另一个是运行在浏览器端的Java Script，负责发生请求并动态修改web页面。

DWR的原理就是基于java类动态产生javascript代码，AJAX使得服务器端java类的方法好像是在是在浏览器端执行的，这种类似传统RPC机制，就很象RMI,或SOAP。而且它的优势是在web上运行但不需要浏览器插件。

二、步骤：
1.下载dwr.jar，放在WEB-INF/lib 或其他合适地方
2.修改web.xml，增加：
<servlet></servlet>

<servlet></servlet>

1. <servlet>  
2.   <servlet-name>dwr-invokerservlet-name>  
3.   <display-name>DWR Servletdisplay-name>  
4.   <servlet-class>uk.ltd.getahead.dwr.DWRServletservlet-class> //如果是DWR 2.x，改成org.directwebremoting.servlet.DwrServlet   
5.   <init-param>  
6.      <param-name>debugparam-name>  
7.      <param-value>trueparam-value>  
8.   init-param>  
9. servlet>  
10.   
11. <servlet-mapping>  
12.   <servlet-name>dwr-invokerservlet-name>  
13.   <url-pattern>/dwr/*url-pattern>  
14. servlet-mapping>  

  3.创建dwr.xml

如：<servlet-name></servlet-name>

2.     "-//GetAhead Limited//DTD Direct Web Remoting 1.0//EN"   
3.     "http://www.getahead.ltd.uk/dwr/dwr10.dtd">  
4.   
5. <dwr>  
6.   <allow>  
7.     <create creator="new" javascript="JDate"> //JS使用的类名 
8.       <param name="class" value="java.util.Date"/>  //实际java的类
9.     <create>  
10.     <create creator="new" javascript="Demo" scope="page/request/session/application"> //可以设置对象保存的位置
11.       <param name="class" value="your.java.Bean"/>  
12.     create>  
13.   allow>  
14. dwr>  

 这个XML文件是定义DWR可以创建什么类并可以被JS远程调用。

 注意不要使用保留字，注意不要让一个方法负担过重。

4.访问URL：

http://localhost:8080/[YOUR-WEBAPP]/dwr/

 可以看到dwr.xml中定义的类，点击某个类，可以看到这个类有哪些方法可以调用。以及在js中需要include哪个js，还可以在这个页面上测试各个方法。

一般jsp页面中需要加入： <script type="text/javascript" src="&lt;a href=&quot;http://envysiongdc.boldtech.com/dwr/engine.js&quot;&gt;/dwr/engine.js&lt;/a&gt;"></script>  <script type="text/javascript" src="&lt;a href=&quot;http://envysiongdc.boldtech.com/dwr/interface/DwrService.js&quot;&gt;/dwr/interface/DwrService.js&lt;/a&gt;"></script>  <script type="text/javascript" src="&lt;a href=&quot;http://envysiongdc.boldtech.com/dwr/util.js&quot;&gt;/dwr/util.js&lt;/a&gt;"></script>       

js 代码

1. <script type='text javascript' src="/dwr/&lt;/span&gt;&lt;span class=&quot;keyword&quot;&gt;interface&lt;/span&gt;&lt;span&gt;/Demo.js"></script>  //这个是用户自定义的dwr服务动态产生的js 
2. <script type='text javascript' src="/dwr/engine.js"></script>   //这个是必须的
   <script type='text javascript' src="/dwr/util.js"></script>   //这是可选的
3.   

5.写服务端的JAVA类

如上面的例子即写一个your.java.Bean类

6.写客户端的js

js 代码

<script type=< span="">"text/javascript">    window.onload =  function () {      functon callback(str) {        $('output').innerHTML = str;      }      Demo.sayHelloWorldTo( "Java" , callback);    }    </script>  

7.一个简单的完整的代码例子

 

1. public class Remote {   
2.     public String getData(int index) { ... }   
3. }   

js 代码

1. function handleGetData(str) {   
2.   alert(str);   
3. }   
4.   
5. Remote.getData(42, handleGetData);