您的位置:首页 > Web前端 > JavaScript

DWR用法

2015-10-23 00:00 681 查看
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" onclick="call();" value="click">

</body>
<script type="text/javascript">
function call(){
helloService.sayHello('joey',function(data){
dwr.util.setValue("content",data);
} );
}
</script>
</html>
运行效果:





版权声明:本文为博主原创文章,未经博主允许不得转载。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息