DWR高级主题之反向Ajax(DWR3的comat模式演示1)

3 篇文章 0 订阅

原文http://blog.csdn.net/fhd001/article/details/7099209

DWR高级主题之反向Ajax(DWR3的comat模式演示1)

----------

web.xml

[html]  view plain copy
  1. <?xml version="1.0" encoding="UTF-8"?>  
  2. <web-app xmlns="http://java.sun.com/xml/ns/j2ee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"  
  3.     xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd"  
  4.     version="2.4">  
  5.     <display-name>firstDWR</display-name>  
  6.     <welcome-file-list>  
  7.         <welcome-file>index.html</welcome-file>  
  8.     </welcome-file-list>  
  9.     <!-- The DWR Servlet... -->  
  10.     <servlet>  
  11.         <display-name>DWR Servlet</display-name>  
  12.         <servlet-name>dwr-invoker</servlet-name>  
  13.         <servlet-class>org.directwebremoting.servlet.DwrServlet</servlet-class>  
  14.         <!-- 初始化参数,增加调试功能 -->  
  15.         <init-param>  
  16.             <param-name>debug</param-name>  
  17.             <param-value>true</param-value>  
  18.         </init-param>  
  19.         <!-- 跨域调用配置信息,不是必须的 -->  
  20.         <init-param>  
  21.             <param-name>crossDomainSessionSecurity</param-name>  
  22.             <param-value>false</param-value>  
  23.         </init-param>  
  24.         <!-- 下面是comet模式的反向Ajax所需要的参数 -->  
  25.         <init-param>  
  26.             <param-name>activeReverseAjaxEnabled</param-name>  
  27.             <param-value>true</param-value>  
  28.         </init-param>  
  29.     </servlet>  
  30.     <servlet-mapping>  
  31.         <servlet-name>dwr-invoker</servlet-name>  
  32.         <url-pattern>/dwr/*</url-pattern>  
  33.     </servlet-mapping>  
  34. </web-app>  

dwr.xml

[html]  view plain copy
  1. <?xml version="1.0" encoding="UTF-8"?>  
  2. <!DOCTYPE dwr PUBLIC   
  3.     "-//GetAhead Limited//DTD Direct Web Remoting 3.0//EN" "http://getahead.org/dwr/dwr30.dtd">  
  4. <dwr>  
  5.     <allow>  
  6.         <create creator="new" javascript="MathDelegate">  
  7.             <param name="class" value="app.MathDelegate" />  
  8.         </create>  
  9.     </allow>  
  10. </dwr>  

java文件

[java]  view plain copy
  1. package app;  
  2.   
  3. import org.directwebremoting.Browser;  
  4. import org.directwebremoting.ScriptSessions;  
  5.   
  6. public class MathDelegate {  
  7.   
  8.     private static int num = 1;  
  9.       
  10.     /** 
  11.      * 推送数字到页面上去 
  12.      *  
  13.      * @param userid 
  14.      * @param request 
  15.      * @return 
  16.      */  
  17.     public void dwrHandle() {  
  18.         Browser.withAllSessions(new Runnable() {  
  19.             public void run() {  
  20.                 try {  
  21.                     Thread.sleep(1000);  
  22.                 } catch (InterruptedException e) {  
  23.                     e.printStackTrace();  
  24.                 }  
  25.                 // funA为页面上一个js函数,num++为funA的参数  
  26.                 ScriptSessions.addFunctionCall("funA", num++);  
  27.             }  
  28.         });  
  29.     }  
  30.       
  31.       
  32.     /** 
  33.       * 触发推送的方式(触发10次),comet方式,有数据的情况下触发推送 
  34.      */  
  35.     public void handle() throws InterruptedException{  
  36.           
  37.         int m = 0;  
  38.         while(m++ < 10){  
  39.             Thread.sleep(3000);  
  40.             dwrHandle();  
  41.         }  
  42.     }  
  43. }  

index.html

[html]  view plain copy
  1. <html>  
  2.     <head>  
  3.         <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>  
  4.         <title>firstdwr</title>  
  5.         <script type="text/javascript" src="dwr/engine.js"></script>  
  6.         <!-- 注意:反向Ajax中,util.js是必须包含的 -->  
  7.         <script type="text/javascript" src="dwr/util.js"></script>  
  8.         <script type="text/javascript" src="dwr/interface/MathDelegate.js"></script>  
  9.         <script>  
  10.             <!--  轮询模式与comet模式的反向Ajax所需要的配置 -->  
  11.             dwr.engine.setActiveReverseAjax(true);  
  12.             <!--   
  13.             //重点关于解决页面每刷新一次会多创建一个新的ScriptSession的解决方法  
  14.             //由于ScriptSession的创建机制不同于HttpSession,它会在每次页面刷新的时候都会重新创建,而销毁机制却是失去连接  
  15.             //或者失效之后一定时间才会自动销毁,这样就可能造成服务端可能就保存了很多的无用的ScriptSession,所以不仅仅会影响  
  16.             //性能问题,更重要的是,可能就不能实现你想要的功能。  
  17.             //解决方法是在接收消息的页面,也就是你调用dwr.engine.setActiveReverseAjax(true);的页面调用一个dwr的方法。  
  18.             //dwr.engine.setNotifyServerOnPageUnload(true);  
  19.             //这个方法的功能就是在销毁或刷新页面时销毁当前ScriptSession,这样就保证了服务端获取的ScriptSession集合中没有  
  20.             //无效的ScriptSession对象。  
  21.             -->  
  22.             dwr.engine.setNotifyServerOnPageUnload(true);  
  23.             function start(){  
  24.                 MathDelegate.handle();  
  25.             }  
  26.             function funA(num){  
  27.                 document.getElementById("resultDiv").innerHTML="<h1>"+num+"</h1>";  
  28.             }  
  29.         </script>  
  30.     </head>  
  31.     <body>  
  32.         <hr/>  
  33.         DWR演示:<br><span id="resultDiv"></span>  
  34.         <hr/>  
  35.         <input type="button" value="start" onclick="start();">  
  36.     </body>  
  37. </html>  
  38. 原文http://blog.csdn.net/fhd001/article/details/7099209
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值