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>
相关推荐
通过这个DWR3.x的实例,开发者不仅可以了解DWR的基本用法,还能深入理解如何在实际项目中应用这些技术,提升Web应用的交互性和效率。对于想要掌握Ajax技术和希望优化Web应用用户体验的开发者来说,这是一个不可多得...
DWR 2 版本是在DWR 1.x的基础上进行升级和优化的版本,提供了更多的功能和性能改进,以更好地支持Web应用程序的开发。本书《Practical DWR 2 Projects》旨在通过实际项目来讲解如何有效地使用DWR 2 技术。 **一、...
在DWR 2.x版本中,引入了推技术,即所谓的“Reverse Ajax”,这是一种在BS(Browser/Server)架构中,让服务器主动向客户端推送数据的技术,以实现实时或近乎实时的数据更新,而无需页面刷新。 #### 二、Reverse ...
DWR2.x版本引入了反推(Reverse Ajax)技术,也被称为服务器端推送(Server-Side Push),它打破了传统Ajax模式中由客户端发起请求、服务器响应的单向通信模式,实现了服务器端可以主动将数据推送到客户端的功能。...
在本案例中,我们将深入探讨DWR(Direct Web Remoting)2.x版本的服务器推送技术。 DWR是一款开源的Java库,它允许JavaScript与服务器端的Java代码进行双向通信,实现了Ajax(Asynchronous JavaScript and XML)的...
DWR的Push功能基于Comet技术,这是一种使服务器能够主动向客户端发送数据的技术,而不仅仅是响应客户端的请求。在DWR中,我们可以通过创建一个`Push`服务来实现这个功能。 1. **配置DWR3**: - 在项目中添加DWR3的...
6. **性能优化**:为了提高性能和用户体验,可能需要采用DWR的长轮询或Comet技术,使得服务器可以在有新消息时立即推送给客户端,而不是等待客户端定期查询。 通过学习和实践这个“dwr3ReverseAjax示例”,开发者...
同时,随着技术发展,DWR也有版本更新,比如DWR 3.x引入了更多的改进和特性,确保其与现代浏览器和开发实践保持一致。 8. **错误处理和调试**: 当遇到问题时,DWR提供了一套日志系统和错误处理机制,帮助开发者...
2. **Reverse Ajax (Heartbeat)**: 实现服务器向客户端推送数据,常用于在线聊天、股票更新等场景。 3. **Remote Procedure Calls (RPC)**: 跨域调用服务器端的方法,实现动态更新页面部分。 **Struts2.0与DWR集成*...