1、基础概念:Pushlet是一种comet实现:在Servlet机制下,数据从server端的Java对象直接推送(push)到(动态)HTML页面,而无需任何Java applet或者插件的帮助。
2、什么事comet请参照
http://www.ibm.com/developerworks/cn/web/wa-lo-comet/
3、不多说了直接贴一个最简单的例子,
1)将pushlet.jar包导入自己的项目;
2)将pushlet.properties、sources.properties导入到src目录下
3)修改web.xml文件如下(url-pattern暂时设置为/pushlet.srv)
<servlet-name>pushlet</servlet-name> <servlet-class>nl.justobjects.pushlet.servlet.Pushlet</servlet-class> <load-on-startup>1</load-on-startup> </servlet> <servlet-mapping> <servlet-name>pushlet</servlet-name> <url-pattern>/pushlet.srv</url-pattern> </servlet-mapping>
4)编写一个java类如下
import java.io.UnsupportedEncodingException; import nl.justobjects.pushlet.core.Event; import nl.justobjects.pushlet.core.EventPullSource; public class HelloWorldPlushlet implements Serializable { private static final long serialVersionUID = 1L; static public class HelloWorldEvent extends EventPullSource { @Override protected long getSleepTime() { return 1000; // 刷新时间 } @Override protected Event pullEvent() { Event event = Event.createDataEvent("/source/event");// 事件标识 String s = "你好"; s = toISO88591(s); event.setField("msg", s);// 封装参数 return null; } } public static String toISO88591(String str) { try { str = new String(str.getBytes("UTF-8"), "ISO-8859-1"); } catch (UnsupportedEncodingException ex) { ex.printStackTrace(); } return str; } }
上面有一个中文的处理方法,toISO88591()不然不支持中文。
还有就是注意Event event = Event.createDataEvent("/source/event");// 事件标识
5)编写jsp文件如下<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>index.html</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <script type="text/javascript" src="js/ajax-pushlet-client.js"></script> <script type="text/javascript"> PL._init(); PL.joinListen('/source/event');//事件标识 在数据源中引用 function onData(event) { alert(event.get("msg")); } </script> </head> <body> test </body> </html>
PL.joinListen('/source/event');//事件标识 在数据源中引用,注意跟上面的红色部分保持一致。
6)下面说一下web.xml中<url-pattern>的配置问题,查看ajax-pushlet-client.js源码会发现有下面这段代码_getWebRoot: function() {
/** Return directory of this relative to document URL. */ if (PL.webRoot != null) { return PL.webRoot; } //derive the baseDir value by looking for the script tag that loaded this file var head = document.getElementsByTagName('head')[0]; var nodes = head.childNodes; for (var i = 0; i < nodes.length; ++i) { var src = nodes.item(i).src; if (src) { var index = src.indexOf("lib/ajax-pushlet-client.js"); if (index >= 0) { PL.webRoot = src.substring(0, index); break; } } } return PL.webRoot; },
注意var index = src.indexOf("lib/ajax-pushlet-client.js");这句话 这个方法就是取webRoot跟路径的,所以<url-pattern>的设置跟这里有关系,还有就是跟你使用ajax-pushlet-client.js的jsp页面有关系,我上面的jsp页面中src="js/ajax-pushlet-client.js"是这样导入js包的,所以我把ajax-pushlet-client.js中的代码改为var index = src.indexOf("js/ajax-pushlet-client.js");取根路径了,大家可以测试一下就明白了。
7)最后启动程序,大家就可以看到每一秒弹出一个“你好”窗口了。