dwr消息推送

前端之家收集整理的这篇文章主要介绍了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,'确认要提交吗?',handler);
           }
        </script>
  </body >
</html>

引入jar包:

客户端网页 中的js文件只需引入jquery的,其他的不用管,都在dwr里面封装好了。

jar包和js下载:

http://download.csdn.net/detail/u011250851/7888111


有什么问题可以直接回复我。


原文链接:https://www.f2er.com/ajax/164424.html

猜你在找的Ajax相关文章