下面内容出自0:javaeye的 hellostory 大虾。十分感谢他帮我解决了这个问题!
说明:可以将以下count值改变为表格内容
以下代码演示内容:
后台服务不停地累加count值,同时将count值推送到前台页面(index.html)中(表现为前台页面count值不停地累加显示)
第一步:创建后台推送服务
import java.util.Timer;
import java.util.TimerTask;
import org.directwebremoting.Browser;
import org.directwebremoting.ServerContextFactory;
import org.directwebremoting.ui.dwr.Util;
public class Clock {
private long count = 0;//计数器,web页面用来显示
public Clock() {
// 创建一个定时任务,每隔10秒count自动加一
Timer t = new Timer();
t.schedule(new TimerTask() {
public void run() {
count++;
}
}, 0,10);
}
// 通过无限循环调用setClockDisplay()刷新Web页面的数字内容
public synchronized void toggle() {
while (true) {
setClockDisplay(count+"");
//休眠一秒
try {
Thread.sleep(1000);
} catch (InterruptedException e) {
e.printStackTrace();
}
}
}
// 刷新index.html页面中<div id='clockDisplay'/>的内容,
// 即显示count的数值
public void setClockDisplay(final String output) {
String page = ServerContextFactory.get().getContextPath()
+ "/index.html";
Browser.withPage(page, new Runnable() {
public void run() {
Util.setValue("clockDisplay", output);
}
});
}
}
第二步:配置dwr.xml
<!DOCTYPE dwr PUBLIC
"-//GetAhead Limited//DTD Direct Web Remoting 2.0//EN"
"http://getahead.org/dwr/dwr20.dtd">
<dwr>
<allow>
<create creator="new" javascript="Clock">
<param name="class" value="Clock"/>
</create>
</allow>
</dwr>
第三步:Web页面内容
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Comet测试</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="dwr/interface/Clock.js"></script>
<script type='text/javascript' src='dwr/engine.js'></script>
<script type='text/javascript' src='dwr/util.js'></script>
<script type="text/javascript">
dwr.engine.setActiveReverseAjax(true);//开启ajax反转功能
</script>
</head>
<body>
<input type="button" value="开始" onclick="Clock.toggle();" />
<div id="clockDisplay">这里用来显示后台服务器推送的内容(即Count的值)</div>
</body>
</html>
第三步:Web页面内容
补充:这里的文件名是index.html
分享到:
相关推荐
即时通讯DWR Reverse Ajax
dwr reverseajax clockms
dwr reverseajax ClockLogging
Server Side Reverse Ajax Clock
实现一个简单的Web版的聊天功能,Java使用开源框架最新版本的dwr3,包括相应的JSP页面的实现。
两个例子reverse ajax的实现 博文链接:https://yaojialing.iteye.com/blog/716094
NULL 博文链接:https://ping2010.iteye.com/blog/1680406
服务器推--DWR中的push机制-Reverse_Ajax.docx
功能描述:模拟一个聊天室程序 comet.jsp就是聊天室接收消息的界面,action.jsp就是发送消息的界面,为了更好的说明问题,将接收界面和发送界面放在两个窗口中, 测试时同时可以打开多个接收界面和发送界面, ...
DWR2.x的推技术也叫DWR Reverse Ajax(逆向Ajax)主要是在BS架构中,从服务器端向多个浏览器主动推数据的一种技术。
dwr 与ssh整合开发的web 聊天系统,采用了dwr3 的reverse ajax 以及服务器推送技术。自带源码和jar包
原理: FileUpload实现上传功能, UploadListener 监听上传进度, DWR push (Reverse Ajax) 进度信息并更新页面, 实现无刷新多文件上传 运行环境: Tomcat 5/6 测试通过 说明:累计上传文件不超过10M(可以更改...
实现服务器的数据推送,有例子。本人测试,通过
DWR is a RPC library which makes it easy to call Java functions from JavaScript and to call JavaScript functions from Java (a.k.a Reverse Ajax).
如果你还是停留在原来的ajax层面的话,这次绝对...DWR出2.0版了,其中最大的亮点就是Reverse Ajax技术!传统的浏览器发起请求服务器返回响应,而现在通过反向ajax可以由服务器向浏览器发响应但是不需要浏览器提供请求。...
dwr的反转ajax,实现服务器推送数据。
dwr3.0 包括noncla,支持Reverse Ajax反推,包括noncla支持JSF,SPRING集成。
dwr实现的在线即时聊天demo,比较简化的一个反向ajax例子, <br>everse Ajax主要是在BS架构中,从服务器端向多个浏览器主动推数据的一种技术。它的一种实现就是客户端向服务器请求后,服务器不立即回应,从而导致一...
个人亲身体验,感悟web开发之旅,迫于开发需求,通过较为理性的分析,探讨出开发框架STURTS+SPRING+[HIBERNET|JPA]+DWR+EXTJS的组合,并给出这一框架选取中实验的开发例子,其中包括dwr的ajax及reverseajax、extjs的...
Reverse Ajax 123 Rico (Ajax) 124 Seed (programming) 126 Server-side JavaScript 129 Comparison of Server-side JavaScript solutions 130 SproutCore 135 Unobtrusive JavaScript 136 Venkman 139 ...