DWR是一个开源的java类库,它能使服务器端的java程序和浏览器端的javascript代码交互并且很方便的互相调用。
下面是一个简单例子,打开myeclipse新建一个新的web project,命名为DwrDemo:
1,安装DWR.jar文件
下载dwr.jar放到WEB-INF/lib中。
2,DWR依赖于commons loggins库,所以也把commons-logging.jar放到WEB-INF/lib中。
3,打开web.xml,配置一个DwrServlet让其处理所有的/dwr/*请求,如下:
<servlet> <display-name>DWR Servlet</display-name> <servlet-name>dwr-invoker</servlet-name> <servlet-class>org.directwebremoting.servlet.DwrServlet</servlet-class> <init-param> <param-name>debug</param-name> <param-value>true</param-value> </init-param> </servlet> <servlet-mapping> <servlet-name>dwr-invoker</servlet-name> <url-pattern>/dwr/*</url-pattern> </servlet-mapping>4,创建DWR配置文件
创建dwr.xml文件到WEB-INF目录中,简单配置如下:
<!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 3.0//EN" "http://getahead.org/dwr/dwr30.dtd"> <dwr> <allow> <create creator="new" javascript="helloService"> <param name="class" value="dwr.demo.HelloService"/> </create> </allow> </dwr>creator=“new”表示用new的方式构造HelloService实例,javascript="helloService"表示在页面中可以用helloService调用HelloService实例中的方法。
dwr.demo.HelloService代码如下:
package dwr.demo;
public class HelloService {
public static String sayHello(String name){
return "How you doin',"+name+"?";
}
}
5,编写页面
<html>
<head>
<title>Dwr Demo</title>
<script src='dwr/engine.js'></script>
<script src='dwr/util.js'></script>
<script src='dwr/interface/helloService.js' type="text/javascript"></script>
</head>
<body>
<h1 id="content"></h1>
<input type="button" οnclick="call();" value="click">
</body>
<script type="text/javascript">
function call(){
helloService.sayHello('joey',function(data){
dwr.util.setValue("content",data);
} );
}
</script>
</html>
运行效果: