标签:dwr推送例子
在做jsp系统时,有时候会有群发消息或及时推送消息的功能,如果用ajax请求,设置settimeout不断的请求服务器会给浏览器造成很大的压力,这时就可以用dwr技术进行消息推送。dwr根据自身的机制及时推送消息,不需要自己请求服务器就可以接受到消息。可以实现网页间的发送消息,以及服务器直接像客户端发送消息。 比如实现在线交流、股市动态刷新数据等。
下面提供一个简单的案例,说明一下配置。
实现一个网页向另一个网页发送消息:
结果如下:点击发送,另一个网页显示信息
具体代码:
web.xml 中添加如下代码:
<?xml version="1.0" encoding="UTF-8"?> <web-app version="3.0" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd"> <servlet> <servlet-name> dwr-invoker </servlet-name> <servlet-class> uk.ltd.getahead.dwr.DWRServlet</servlet-class > <init-param> <param-name> debug</param-name > <param-value> true</param-value > </init-param> <init-param> <param-name> crossDomainSessionSecurity</param-name > <param-value> false</param-value > </init-param> <init-param> <param-name> allowScriptTagRemoting</param-name > <param-value> true</param-value > </init-param> <init-param> <param-name> activeReverseAjaxEnabled</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-app>
在web.xml同级目录添加dwr.xml:
<?xml version="1.0" encoding= "UTF-8"?> <!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 3.0//EN" "http://getahead.org/dwr/dwr30.dtd" > <dwr> <allow> <create creator="new" javascript= "messagePush"> <param name="class" >sugar.dwr.MessagePush</param> </create> </allow> </dwr>
java代码:包名和dwr.xml中的配置一致
package sugar.dwr; import java.util.Collection; import org.directwebremoting.Browser; import org.directwebremoting.ScriptBuffer; import org.directwebremoting.ScriptSession; public class MessagePush { public void send(final String content){ Runnable run = new Runnable(){ private ScriptBuffer script = new ScriptBuffer(); public void run() { System.out.println(content); //设置要调用的 js及参数 script.appendCall("show" , content); //得到所有ScriptSession Collection<ScriptSession> sessions = Browser.getTargetSessions(); //遍历每一个ScriptSession for (ScriptSession scriptSession : sessions){ scriptSession.addScript( script); } } }; //执行推送 Browser. withAllSessions(run); } }
发送页面:js方法名和xml配置中的以及java方法名一致
<%@ page language= "java" import ="java.util.*" pageEncoding="UTF-8" %> <%String a = "a"; %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head > <title >DWR</title> <script type= "text/javascript" src ="js/jquery.min.js"></script> <script type= "text/javascript" src ="dwr/util.js"></script> <script type="text/javascript" src= "dwr/engine.js"></script > <script type="text/javascript" src= "dwr/interface/messagePush.js" ></script> </head > <body > <table border="0" > <tr> <td><input id ="content" type="text"/></td> <td><input id ="send" type="button" value= "send"/></td > </tr> </table> <script type="text/javascript" > $( "#send").click(function(){ <%if("".equals(a)){%> alert("您不具有发送消息权限"); <%}else{%> var content = $("#content" ).val(); messagePush.send(content); <%}%> }); </script> </body > </html>
接受页面:
<%@ page language= "java" import ="java.util.*" pageEncoding="UTF-8" %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head > <title >dwr接收</title > <script src="js/jquery.min.js" ></script> <script type="text/javascript" src= "dwr/util.js"></script > <script type="text/javascript" src= "dwr/engine.js"></script > <script type="text/javascript" src= "dwr/interface/messagePush.js" ></script> <script type="text/javascript" src="js/ymPrompt.js"></script> <link rel="stylesheet" type="text/css" href="css/ymPrompt.css" /> </head > <body > dwr接收<br /> <div id="content" style=" width: 200px ;height: 30px;border : 1px solid ; text-align: center ; padding: 5px;"></div> <script type="text/javascript" > //这个方法用来启动该页面的ReverseAjax功能 dwr.engine.setActiveReverseAjax( true); //设置在页面关闭时,通知服务端销毁会话 dwr.engine.setNotifyServerOnPageUnload( true); //这个函数是提供给后台推送的时候 调用的 function show(content){ //alert(content); $( "#content" ).text(content); // ymPrompt.alert('提示',null,null,'确认要提交吗?',handler); } </script> </body > </html>
引入jar包:
客户端网页 中的js文件只需引入jquery的,其他的不用管,都在dwr里面封装好了。
jar包和js下载:
http://download.csdn.net/detail/u011250851/7888111
有什么问题可以直接回复我。
标签:dwr推送例子
原文地址:http://blog.csdn.net/frightingforambition/article/details/39177359