ajax框架：DWR框架实战

最新推荐文章于 2024-09-17 11:42:54 发布

facepp

最新推荐文章于 2024-09-17 11:42:54 发布

阅读量439

点赞数

分类专栏： Ajax 文章标签： dwr ajax框架 stylesheet javascript callback 服务器

本文链接：https://blog.csdn.net/facepp/article/details/3372798

版权

Ajax 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

1.使用页面testDWR.html。2处理FirstDWR 3.重用的机制，DWR（配置文件web.xml,dwr.xml）4

dwr.jar(下载地址：http://getahead.org/dwr/)
1.testDWR.html
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK">
<link rel="stylesheet" type="text/css" href="generic.css" />
<title>DWR入门蓝杰信息@NetJava.cn</title>
</head>

<script   src="dwr/interface/FirstDWR.js"></script>
<script   src="dwr/engine.js" /></script>
<script    src="dwr/util.js" /></script>
<script type="text/javascript">
/**响应界面事件，调用java对象的方法*/
function updateResult() {
      //使用dwr工具类得到userName组件内的值
    var name = dwr.util.getValue("userName");
    //调用服务器上的对象方法，并设定回调函数
    FirstDWR.sayHello(name,callBack);
}
//定义响应调用结果的回调函数
var callBack=function(data) {
     var srcData=dwr.util.getValue("serverReplay");//获取多行文本框中的值
    // alert("data:"+data);   //dfg 您好!服务器时间是:1227604064031
    // alert("srcData:"+srcData);
    dwr.util.setValue("serverReplay", data+"/r/n"+srcData);
};

</script>
<body>
<pre>
你的用户名：
<input type="text" name="userName" οnchange="updateResult();"/>
<br>服务器回应：
<textarea cols="50" rows="5" name="serverReplay"></textarea>
<input type="button" value="清除" >
</pre>
</body>
</html>
2.处理FirstDWR
package cn.netjava.dwr;
/**
* DWR测试：这个类的对象将在js中调用
*/
public class FirstDWR {
public String sayHello(String userName){
return userName+" 您好!服务器时间是:"+System.currentTimeMillis();
}
}
3.web.xml
<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>

web-inf/dwr.xml
<dwr>
<allow>
    <create creator="new" javascript="FirstDWR">
      <param name="class" value="cn.netjava.dwr.FirstDWR"/>
    </create>
</allow>
</dwr>
测试，可参考
http://localhost:8080/工程名/dwr/
dwr路径会将请求发送到我们在web.xml中配置的dwr的servlet上。
注意看这里的对应关系，FirstDWR就是我们在dwr.xml中配置的javascript名字，后面括号
里指示了它会调用那个类，点击FirstDWR会看到如下方法.