<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>示意图</title>
<base href="<%=basePath%>">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<script type="text/javascript" src="javascript/ajax-pushlet-client.js"></script>
<script type="text/javascript" src="javascript/jquery-1.4.2.min.js"></script>
<link type="text/css" href="css/common.css" rel="stylesheet" />
</head>
<body style="overflow: hidden;">
<div class="shiyitu">
<div class="fengshan1">
<img src="images/fengshan_yes.png" />
</div>
<div class="fengshan2">
<img src="images/fengshan_yes.png" />
</div>
<div class="fengshan3">
<img src="images/fengshan_yes.png" />
</div>
<div class="fengshan4">
<img src="images/fengshan_yes.png" />
</div>
<div class="chuangan1">
<img id="cg1" src="images/chuangan_yes.png" />
</div>
<div class="chuangan2">
<img id="cg2" src="images/chuangan_yes.png" />
</div>
<div class="chuangan3">
<img id="cg3" src="images/chuangan_yes.png">
</div>
<div class="penzui1">
<img id="pz1" src="images/penzui_no.png" />
</div>
<div class="penzui2">
<img id="pz2" src="images/penzui_no.png" />
</div>
<div class="penzui3">
<img id="pz3" src="images/penzui_no.png"/>
</div>
</div>
<script type="text/javascript">
PL._init();
PL.joinListen('/demo');
function onData(event) {
var str = event.get("demo");
var list = eval('(' + str + ')');
if (list.JsonArray[0].type == 1) {
document.getElementById("cg1").src = "images/chuangan_yes.png";
document.getElementById("pz1").src = "images/penzui_no.png";
}
if (list.JsonArray[0].type == 2) {
document.getElementById("cg1").src = "images/chuangan_no.png";
document.getElementById("pz1").src = "images/penzui_no.png";
}
if (list.JsonArray[0].type == 3) {
document.getElementById("cg1").src = "images/chuangan_yes.png";
document.getElementById("pz1").src = "images/penzui_yes.png";
}
if (list.JsonArray[1].type == 1) {
document.getElementById("cg2").src = "images/chuangan_yes.png";
document.getElementById("pz2").src = "images/penzui_no.png";
}
if (list.JsonArray[1].type == 2) {
document.getElementById("cg2").src = "images/chuangan_no.png";
document.getElementById("pz2").src = "images/penzui_no.png";
}
if (list.JsonArray[1].type == 3) {
document.getElementById("cg2").src = "images/chuangan_yes.png";
document.getElementById("pz2").src = "images/penzui_yes.png";
}
if (list.JsonArray[2].type == 1) {
document.getElementById("cg3").src = "images/chuangan_yes.png";
document.getElementById("pz3").src = "images/penzui_no.png";
}
if (list.JsonArray[2].type == 2) {
document.getElementById("cg3").src = "images/chuangan_no.png";
document.getElementById("pz3").src = "images/penzui_no.png";
}
if (list.JsonArray[2].type == 3) {
document.getElementById("cg3").src = "images/chuangan_yes.png";
document.getElementById("pz3").src = "images/penzui_yes.png";
}
}
</script>
</body>
</html>
如果是保持页面不变,没有问题,一直收到后台pushlet推送来的数据;但是如果点击到别的页面,在点击回来或者是刷新页面,就会出现有收不到后台pushlet推送过来的数据;
后来修改 body里添加 onload和onunload
<body style="overflow: hidden;" onunload="leave();" onload="listen();return false;" >
然后调用
function leave(){
PL.leave();
return false;
}
function listen(){
PL._init();
PL.joinListen('/demo');
}
去掉原先js里面的 PL._init();和PL.joinListen('/demo');
相关推荐
这是自己用过的pushlet定时向页面发送消息的一个demo
服务器推 pushlet 服务器推 pushlet 服务器推 pushlet 服务器推 pushlet
pushlet开发与应用
pushlet白皮书pushlet白皮书pushlet白皮书pushlet白皮书pushlet白皮书
pushlet配置应用实例,看了之后就能简单应用pushlet实时推送数据
并且除了刷新整个页面或者完全采用applet展示内容之外,很难找到别的方法将client端applet的状态和浏览器的页面内容集成在一起。 Pushlet是一种comet实现:在Servlet机制下,数据从server端的Java对象直接推送(push...
实现通过pushlet,进行点对点聊天功能。 包括: 在线用户上线的通知 离线的通知 来新消息时的通知 前台使用Ext ,后台使用pushlet /pushlet/WebRoot/index.jsp 页面主要包含几个部分。 Ext.PUSHLET_URL='...
Pushlet简单示例测试
pushlet例子,Pushlet 是一个开源的 Comet 框架,Pushlet 使用了观察者模式:客户端发送请求,订阅感兴趣的事件;服务器端为每个客户端分配一个会话 ID 作为标记,事件源会把新产生的事件以多播的方式发送到订阅者的...
java web开发中服务器推送pushlet.jar解决中文乱码
实现通过pushlet,进行点对点聊天功能。 包括: 在线用户上线的通知 离线的通知 来新消息时的通知 前台使用Ext ,后台使用pushlet /pushlet/WebRoot/index.jsp 页面主要包含几个部分。 Ext.PUSHLET_URL='...
pushlet 所需夹包 和配置文件 ajax-pushlet-client.js pushlet-sessionid.jar sources.properties pushlet.properties
3.通知解决(Notification Solutions) 5 3.1轮询(Polling) 6 3.2服务器端回调(Server-side callbacks) 6 3.3 消息(Messaging MOM) 6 3.4讨论(Discussion) 7 4.pushlet基础(Pushlet Basics) 8 4.1HTTP流...
pushlet文档和项目
对comet实现中的pushlet框架进行说明,可以参照该说明进行框架使用
容易上手的简单pushlet例子,供大家学习,代码不错,值得下载。
pushlet 和comet 资料介绍 介绍如何从服器端push subscrite 给浏览器
pushlet简单demo,导入即可运行 Java 推送 长连接 轮询 pushlet comet4j
pushlet 实例,简单实例,带jar包,可直接运行
Pushlet的Ajax-pushlet-client.js分析 服务器推技术前台js分析 希望能帮到大家