DWR反向调用

rabby

浏览: 165607 次
性别:
来自: 上海

最近访客更多访客>>

riddle_chen

gugnv

geshutian

cqfgis

博主相关

博客

微博

相册

留言

关于我

文章分类

全部博客 (35)

社区版块

存档分类

DWR Comet Ajax Servlet JavaScript

一、配置web.xml

<!-- DWRServlet -->
<servlet>
	<servlet-name>dwr-invoker</servlet-name>
	<servlet-class>org.directwebremoting.servlet.DwrServlet</servlet-class>
	<init-param>
		<!-- 默认为false，调试用，可以访问http://地址:端口/上下文/dwr 来进行测试 -->
		<param-name>debug</param-name>
		<param-value>true</param-value>
	</init-param>
	<!--DWR反转调用的开关，默认是false -->
	<init-param>
		<param-name>activeReverseAjaxEnabled</param-name>
		<param-value>true</param-value>
	</init-param>
	<!--日志级别 -->
	<init-param>
		<param-name>logLevel</param-name>
		<param-value>WARN</param-value>
	</init-param>
	<!--把使用DWR注释的类都要加在这里    DWR注解使用可参考：http://rabby.iteye.com/blog/774553    -->
	<init-param>
		<param-name>classes</param-name>
		<param-value>  
               		org.relax.service.SectionManager,   
   			org.relax.service..entity.Section   
           </param-value>
	</init-param>
</servlet>
<servlet-mapping>
	<servlet-name>dwr-invoker</servlet-name>
	<url-pattern>/dwr/*</url-pattern>
</servlet-mapping>

二、DWR逆向调用模式

dwr的逆向ajax其实主要包括两种模式：主动模式和被动模式。其中主动模式包括Polling和Comet两种，被动模式只有Piggyback这一种。

所谓的Piggyback指的是如果后台有什么内容需要推送到前台（即调用页面的js方法），是要等到那个页面进行下一次ajax请求的时候，将需要推送的内容附加在该次请求之后，传回到页面。

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

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

通过上面的解释我们可以看到，这三种模式都有各自的优缺点。从客户端请求次数的角度来说，当然是piggyback的模式最好。这个里面完全没有额外的网络请求，只有等到下次请求页面主动发起了，中间的变化内容才传递回页面。但是这也导致了这推送内容的延时，因为你完全没办法知道页面的下一次请求将在什么时候发起，也许页面永远都没有下一次请求。polling模式的网络请求最为频繁了，因为这时候页面不管后台有没有更新的内容，都需要发送请求询问。虽然这种模式可以通过增加请求间隔的时间来减少单位时间内的请求次数，但是这样同样会导致页面响应后台内容变化的间隔时间增长，这中间就产生了矛盾，具体的请求间隔时间还是要根据具体项目的需求来配置。比如服务器能承受的请求间隔和页面内容所需要的刷新频率。comet方式的响应速度应该是最快的，后台一旦有内容需要推送可以通过前面没有关闭的连接马上推送到前台。但是服务器所能提供的连接数目是一定的，在大量的挂起的连接没有关闭的情况下，可能造成新的连接请求不能接入，从而影响到服务质量。

三、编写java代码

@RemoteMethod
public synchronized void start() {
	WebContext wctx = WebContextFactory.get();
	String currentPage = wctx.getCurrentPage();
	running = true;
	for (int i = 0; i < 1000; i++) {
		if (!running) {
			break;
		}
		ScriptBuffer script = new ScriptBuffer();
		script.appendScript("receiveMessages(").appendData(i)
				.appendScript(");");// 调用页面的javascript方法把值添到页面上。
		// Loop over all the users on the current page
		Collection pages = wctx.getScriptSessionsByPage(currentPage);// 循环出所有的会话页面并执行
		for (Iterator it = pages.iterator(); it.hasNext();) {
			System.err.println(i);
			ScriptSession otherSession = (ScriptSession) it.next();
			otherSession.addScript(script);
		}
		try {
			Thread.sleep(3000);
		} catch (InterruptedException e) {
			e.printStackTrace();
		}
	}
}

@RemoteMethod
public void stop() {
	running = false;
}

四、编写jsp页面

<?xml version="1.0" encoding="UTF-8" ?>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type='text/javascript'
	src='/dymc-web/dwr/interface/sectionManager.js'></script>
<script type='text/javascript' src='/dymc-web/dwr/engine.js'></script>
<script type="text/javascript">
	function receiveMessages(msg) {
		//alert(msg);   
		document.getElementById("content").innerHTML = msg;
</script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>DWR反向调用</title>
</head>
<body onload="dwr.engine.setActiveReverseAjax(true)">
	<button onclick="sectionManager.start()">start</button>
	<button onclick="sectionManager.stop()">stop</button>
	<div id="content"></div>
</body>
</html>

五、测试

运行起来后点start按钮，看看页面上是不是自己开始变了。新打开个IE，用另外的机器访问此面，发现都有数字在变换，这就是DWR Reverse Ajax的厉害所在了。再点一下stop，呀，所有打开IE里数字都不变了吧。
注意：代码用的是主动的方式，所以注意页面onload中的<body onload="dwr.engine.setActiveReverseAjax(true)">，没有这句可就不好用了.