在做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
有什么问题可以直接回复我。