`
raymond.chen
  • 浏览: 1435225 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

DWR2.x的推技术

阅读更多

DWR2.x的推技术也叫DWR Reverse Ajax(逆向Ajax)主要是在BS架构中,从服务器端向多个浏览器主动推数据的一种技术。

 

在DWR所开的线程中使用Reverse Ajax时,通过WebContextFactory.get()获取WebContext对象,进而获取脚本Session。


在DWR之外使用Reverse Ajax时,就要用到ServerContext,在Spring环境中要得到ServerContext,就需要用到Spring的ServletContextAware接口。

 

一、Reverse Ajax的实现有3种方式:

      DWR的逆向Ajax主要包括两种模式:主动模式和被动模式。其中主动模式包括polling和comet两种,被动模式只有piggyback这一种。

 

     1、piggyback方式

           这是默认的方式。

           如果后台有什么内容需要推送到前台,是要等到那个页面进行下一次ajax请求的时候,将需要推送的内容附加在该次请求之后,传回到页面。
           只有等到下次请求页面主动发起了,中间的变化内容才传递回页面。

 

      2、comet方式

           当服务端建立和浏览器的连接,将页面内容发送到浏览器之后,对应的连接并不关闭,只是暂时挂起。如果后面有什么新的内容需要推送到客户端的时候直接通过前面挂起的连接再次传送数据。

           服务器所能提供的连接数目是一定的,在大量的挂起的连接没有关闭的情况下,可能造成新的连接请求不能接入,从而影响到服务质量。

 

      3、polling方式

           由浏览器定时向服务端发送ajax请求,询问后台是否有什么内容需要推送,有的话就会由服务端返回推送内容。这种方式和我们直接在页面通过定时器发送ajax请求,然后查询后台是否有变化内容的实现是类似的。只不过用了dwr之后这部分工作由框架帮我们完成了。

 

 

二、使用DWR的推技术的步骤

     1、在web.xml文件中增加以下配置信息

<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>
	
	<!-- DWR默认采用piggyback方式 -->
	
	<!-- 使用polling和comet的方式 -->
	<init-param>
		<param-name>pollAndCometEnabled</param-name>
		<param-value>true</param-value>
	</init-param>
	
	<!-- comet方式 -->
	<!-- 
	<init-param>
		<param-name>activeReverseAjaxEnabled</param-name>
		<param-value>true</param-value>
	</init-param>
	 -->
	 
	<!-- polling方式:在comet方式的基础之上,再配置以下参数 -->
	<!-- 
	<init-param>
		<param-name>org.directwebremoting.extend.ServerLoadMonitor</param-name>
		<param-value>org.directwebremoting.impl.PollingServerLoadMonitor</param-value>
	</init-param>
	 -->
	  
	<!-- 毫秒数。页面默认的请求间隔时间是5秒 -->
	<!-- 
	<init-param>
		<param-name>disconnectedTime</param-name>
		<param-value>60000</param-value> 
	</init-param>
	 -->
	 
	<load-on-startup>1</load-on-startup>      
</servlet>

<servlet-mapping>
	<servlet-name>dwr-invoker</servlet-name>
	<url-pattern>/dwr/*</url-pattern>
</servlet-mapping>
<listener>
        <listener-class>org.directwebremoting.servlet.EfficientShutdownServletContextAttributeListener</listener-class>
</listener>
<listener>
        <listener-class>org.directwebremoting.servlet.EfficientShutdownServletContextListener</listener-class>
</listener>

 

    2、在dwr.xml中增加以下配置信息

<create creator="new" javascript="DWRHelper">
	<param name="class" value="com.cjm.web.dwr.DWRHelper"/>
	<include method="addMessage"/>
	<include method="test"/>
</create>

<convert converter="bean" match="com.cjm.web.dwr.Message">
	<param name="include" value="id,text"/>
</convert>

 

    3、pojo类Message的源码

public class Message {
	private long id = System.currentTimeMillis();
	private String text;
	
	public Message(){
		
	}
	
	public Message(String newText){
		text = newText;
	}
	
	public long getId() {
		return id;
	}
	public void setId(long id) {
		this.id = id;
	}
	public String getText() {
		return text;
	}
	public void setText(String text) {
		this.text = text;
	}
}

 

     4、DWRHelper类源码

public class DWRHelper {
	private static LinkedList<Message> messages = new LinkedList<Message>();
	private static ReentrantLock lock = new ReentrantLock(); //JDK5锁
	
	public void addMessage(String text){
		try{
			lock.lock();
			
			if(text!=null && text.trim().length()>0){
				messages.addFirst(new Message(text));
				if(messages.size()>10){
					messages.removeLast();
				}
			}
		}catch(Exception ex){
			ex.printStackTrace();
		}finally{
			lock.unlock();
		}
		
		//获得DWR上下文
		WebContext webContext = WebContextFactory.get();
		
		//获取当前页面URL,比如/ext3/test_tag.jsp
		String currentPage = webContext.getCurrentPage();
		
		//当前脚本sessin
		ScriptSession scriptSession = webContext.getScriptSession();
		
		//设置页面控件的值
		Util util = new Util(scriptSession);
		util.setValue("text", ""); //这里是清空页面输入框的值
		
		//设置脚本sessin的属性值
		scriptSession.setAttribute("uid", "cjm");
		
		//获取脚本session的属性值
		for(Iterator it=scriptSession.getAttributeNames();it.hasNext();){
			String attrName = (String)it.next();
			System.out.println(attrName + "=" + scriptSession.getAttribute(attrName));
		}
		
		//获取所有浏览当前页面的脚本session
		Collection<ScriptSession> sessions = webContext.getScriptSessionsByPage(currentPage);
		
		Util utilAll = new Util(sessions);
		
		//执行客户端脚本
		ScriptBuffer script = new ScriptBuffer();
		script.appendScript("clientFunction(")
		  .appendData(scriptSession.getAttribute("uid"))
		  .appendScript(");");
		
		for(ScriptSession session: sessions){
			session.addScript(script);
		}
		
		//更新这些脚本session的一些元素
		utilAll.removeAllOptions("messages");
		utilAll.addOptions("messages", messages, "id", "text");
	}
}

 

    5、JSP页面源码

<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
	<script type='text/javascript' src='/ext3/dwr/engine.js'></script>
	<script type='text/javascript' src='/ext3/dwr/util.js'></script>
	<script type='text/javascript' src='/ext3/dwr/interface/DWRHelper.js'></script>
  </head>
  
  <!-- 通过 dwr.engine.setActiveReverseAjax(true); 启动该页面的Reverse Ajax功能  -->
  <body onload="dwr.engine.setActiveReverseAjax(true);sendMessage();">
  	<p>输入信息: <input id="text" onkeypress="dwr.util.onReturn(event, sendMessage)" /> 
	<input type="button" value="Send" onclick="sendMessage()" /></p>

	<script type="text/javascript">
    	function sendMessage() {
      		DWRHelper.addMessage(dwr.util.getValue("text"));
    	}
	</script>
	
	<hr/>
	<select id="messages"></select>
  	
  </body>
</html>

 

21
13
分享到:
评论
11 楼 jiayanchang 2011-10-28  
韩悠悠 写道
jojo_java 写道
hanjiangit 写道
长连接 ... HTTP 的特点是 无状态 高并发 .. HTTP用长连接没有什么意义

呵呵,如果连接一直不断开,那不就是长连接吗?

http协议本身是不能长连接的,无状态的,dwr通过每隔几秒钟发送一个无用的请求来保持连接,就达到长连接了,但是这样做用什么好处啊?我没用过。


大多数的客服监控页面都可以使用推送。
10 楼 韩悠悠 2011-01-10  
jojo_java 写道
hanjiangit 写道
长连接 ... HTTP 的特点是 无状态 高并发 .. HTTP用长连接没有什么意义

呵呵,如果连接一直不断开,那不就是长连接吗?

http协议本身是不能长连接的,无状态的,dwr通过每隔几秒钟发送一个无用的请求来保持连接,就达到长连接了,但是这样做用什么好处啊?我没用过。
9 楼 zz_1999 2010-09-28  
楼主,piggyback模式你是怎么推其他页面的javascript函数的呢,请教。
8 楼 summerfeel 2010-06-20  
comet的出现也已经很久了,要在HTTP协议下实现长连接,说白了就是在servlet请求处理中放置一个死循环,当客户端主动断开时才跳出这个循环并中断连接。
其他两类实现方式不能称为服务端推送,它们的处理过程还是最基本的请求响应模型。
B/S中做一些类似聊天室的应用最理想的选择还是使用插件。
7 楼 jojo_java 2010-06-19  
hanjiangit 写道
长连接 ... HTTP 的特点是 无状态 高并发 .. HTTP用长连接没有什么意义

呵呵,如果连接一直不断开,那不就是长连接吗?
6 楼 hanjiangit 2010-06-18  
长连接 ... HTTP 的特点是 无状态 高并发 .. HTTP用长连接没有什么意义
5 楼 InviteSun 2010-06-17  
并不能很好的理解“主动推送”的概念,感觉还是请求响应模式。
唯有comet模式,是如何实现不关闭连接的?
4 楼 shrekting 2010-06-13  
很是领教,有很多的方法至今没有用过!!
3 楼 zhouliheng1004 2010-06-13  
Ajax 也能实现的
2 楼 ago520 2010-06-13  
不是 dwr才有的 它只是一个实现而已
GlassFish就实现了 服务器推送技术
1 楼 tamsiuloong 2010-06-12  
只有dwr 2.0x才有这门技术吗?其他有没有

相关推荐

    dwr3.x demo 实例 例子

    通过这个DWR3.x的实例,开发者不仅可以了解DWR的基本用法,还能深入理解如何在实际项目中应用这些技术,提升Web应用的交互性和效率。对于想要掌握Ajax技术和希望优化Web应用用户体验的开发者来说,这是一个不可多得...

    Practical.DWR.2.Projects

    DWR 2 版本是在DWR 1.x的基础上进行升级和优化的版本,提供了更多的功能和性能改进,以更好地支持Web应用程序的开发。本书《Practical DWR 2 Projects》旨在通过实际项目来讲解如何有效地使用DWR 2 技术。 **一、...

    DWR的推技术

    在DWR 2.x版本中,引入了推技术,即所谓的“Reverse Ajax”,这是一种在BS(Browser/Server)架构中,让服务器主动向客户端推送数据的技术,以实现实时或近乎实时的数据更新,而无需页面刷新。 #### 二、Reverse ...

    dwr反推demo

    DWR2.x版本引入了反推(Reverse Ajax)技术,也被称为服务器端推送(Server-Side Push),它打破了传统Ajax模式中由客户端发起请求、服务器响应的单向通信模式,实现了服务器端可以主动将数据推送到客户端的功能。...

    服务器推送技术经典案例

    在本案例中,我们将深入探讨DWR(Direct Web Remoting)2.x版本的服务器推送技术。 DWR是一款开源的Java库,它允许JavaScript与服务器端的Java代码进行双向通信,实现了Ajax(Asynchronous JavaScript and XML)的...

    Dwr3 实现消息推送步骤详解

    DWR的Push功能基于Comet技术,这是一种使服务器能够主动向客户端发送数据的技术,而不仅仅是响应客户端的请求。在DWR中,我们可以通过创建一个`Push`服务来实现这个功能。 1. **配置DWR3**: - 在项目中添加DWR3的...

    dwr3ReverseAjax示例

    6. **性能优化**:为了提高性能和用户体验,可能需要采用DWR的长轮询或Comet技术,使得服务器可以在有新消息时立即推送给客户端,而不是等待客户端定期查询。 通过学习和实践这个“dwr3ReverseAjax示例”,开发者...

    dwr推送消息模板

    同时,随着技术发展,DWR也有版本更新,比如DWR 3.x引入了更多的改进和特性,确保其与现代浏览器和开发实践保持一致。 8. **错误处理和调试**: 当遇到问题时,DWR提供了一套日志系统和错误处理机制,帮助开发者...

    struts2.0与dwr开发实例

    2. **Reverse Ajax (Heartbeat)**: 实现服务器向客户端推送数据,常用于在线聊天、股票更新等场景。 3. **Remote Procedure Calls (RPC)**: 跨域调用服务器端的方法,实现动态更新页面部分。 **Struts2.0与DWR集成*...

Global site tag (gtag.js) - Google Analytics