本文没有使用任何comet服务器, 只是利用tomcat模拟实现了一下comet, 不是真正的comet哦,因为不会有这样的应用场景, 只是模拟实现, 仅供参考.

一. 需求.

实现将服务端的时间推送到客户端, 客户端在得到服务端相应后将时间显示在页面上.

二.实现.

1开发框架: 用jsp+servlet的方法, 用了一个webframework框架, 自己写的, 类似于struts2, 可以的话就把它当作struts2来看吧.

2. jsp代码如下

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
<%@ 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>
    <base href="<%=basePath%>">
     
    <title>My JSP 'serverTime.jsp' starting page</title>
     
    <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">
    <!--
    <link rel="stylesheet" type="text/css" href="styles.css">
    -->
    <script type="text/javascript">
        var stop=false;
        var div= "";
         
        var inited = false;
        function init(){
            div = document.getElementById("forDisplay");
        }
         
        function stoped(){
            stop=true;
        }
         
        function started(){
            if(!inited){
                init();
                inited = true;
            }
            stop=false;
            clear();
            ajax();
        }
        function clear(){
            if(div){
                div.innerHTML="";
            }
        }
         
        function creatXHR(){
            var xmlhttp_request = "";
                 
              try{
                    if( window.ActiveXObject ){
                        for( var i = 5; i; i-- ){
                            try{
                                if( i == 2 ){
                                    xmlhttp_request = new ActiveXObject( "Microsoft.XMLHTTP" ); }
                                else{
                                    xmlhttp_request = new ActiveXObject( "Msxml2.XMLHTTP." + i + ".0" );
                                    xmlhttp_request.setRequestHeader("Content-Type","text/xml");
                                    xmlhttp_request.setRequestHeader("Charset","gb2312"); }
                                break;
                            }
                            catch(e){
                                xmlhttp_request = false;
                            }
                        }
                    }
                  else if( window.XMLHttpRequest ){
                        xmlhttp_request = new XMLHttpRequest();
                    }
                }
              catch(e){
                    xmlhttp_request = false;
                }
                return xmlhttp_request;
            }
        function ajax(){
            var xmlhttp_request = creatXHR();
          xmlhttp_request.open('GET', 'ajax.action', true);
          xmlhttp_request.send(null);
          xmlhttp_request.onreadystatechange = function(){
              if (xmlhttp_request.readyState == 4) {
                    if(xmlhttp_request.status == 200){
                      var timeStr = xmlhttp_request.responseText;
                      div.innerHTML =timeStr+"<br/>"+div.innerHTML;
                    }
                    if(!stop){
                        ajax();
                    }
              }
          }
  
        }
    </script>
  </head>
   
  <body>
        <button value="start" onclick="started()">Start</button> <button value="stop" onclick="stoped()">Stop</button> <BR/>
        <div id="forDisplay"></div>
  </body>
</html>

前面我有篇文章谈到, 客户端做的事情很简单, 就是提交ajax请求, 等待服务端返回数据, 展示完后继续请求即可. 我这里做了个控制, 可以自由停止.

3.服务端代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
package org.jiacheo.webframework.test;
 
import java.io.IOException;
import java.io.PrintWriter;
import java.text.SimpleDateFormat;
import java.util.Date;
import java.util.Random;
 
import org.jiacheo.web.framework.Template;
import org.jiacheo.web.framework.context.TemplateContext;
 
public class Time4Ajax implements Template {
 
    @Override
    public String execute() {
        try {
            PrintWriter writer =TemplateContext.getResponse().getWriter();
            Random random = new Random();
            int second = random.nextInt(10);
            iambusy(second);
            Date date = new Date();
            SimpleDateFormat format = new SimpleDateFormat("服务器时间是:yyyy年MM月dd日,HH时mm分ss秒");
            System.out.println(format.format(date));
            writer.println(format.format(date));
            writer.flush();
            writer.close();
        } catch (IOException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        }
         
         
        return null;
    }
 
    private void iambusy(int second) {
        // TODO Auto-generated method stub
        final int oneSecond = 1000;
        try {
            Thread.sleep(oneSecond*second);
        } catch (InterruptedException e) {
            //ignore it
        }
    }
 
}

每次请求都随机sleep几秒, 模拟在处理事务, 得到处理完了再返回数据, 也就是吧服务端的时间推送到客户端去.

这样就可以模拟comet的实现了. 但这里跟comet最大的不同是, 服务端不是主动主动阻塞的, 如何做到服务端主动阻塞, 等待有了返回结果再返回给客户端, 这个服务端实现的一个难点.我之前提到可以用时间模型, 但是事件模型能做的东西实在太少了, 要是能从规范上搞定, 那这个实现就方便很多了.

测试结果:

客户端显示:

1
2
3
4
5
6
7
8
9
10
11
服务器时间是:20101125日,221919
服务器时间是:20101125日,221910
服务器时间是:20101125日,221907
服务器时间是:20101125日,221906
服务器时间是:20101125日,221904
服务器时间是:20101125日,221900
服务器时间是:20101125日,221852
服务器时间是:20101125日,221848
服务器时间是:20101125日,221839
服务器时间是:20101125日,221835
服务器时间是:20101125日,221828

服务端显示

1
2
3
4
5
6
7
8
9
10
11
服务器时间是:20101125日,221828
服务器时间是:20101125日,221835
服务器时间是:20101125日,221839
服务器时间是:20101125日,221848
服务器时间是:20101125日,221852
服务器时间是:20101125日,221900
服务器时间是:20101125日,221904
服务器时间是:20101125日,221906
服务器时间是:20101125日,221907
服务器时间是:20101125日,221910
服务器时间是:20101125日,221919

注意我故意将客户端倒过来显示的.  可以看到, 客户端和服务端的数据是完全一致的.

comet, 比想想中的要难搞多了, 我能不能做个框架出来搞定他?
关于comet 框架和服务器, 可以看看 APE(ajax push engine)

Java_模拟comet的实现的更多相关文章

  1. Comet入门及最简单的Java Demo

    在浏览网页的时候,假设有新的消息,怎样接收到?HTTP协议不能由server主动给client发送消息. 1.刷微博.逛论坛贴吧,想看最新的信息怎么办?F5刷新一下就OK了! 2.上面一种方式是被动的 ...

  2. Comet OJ 热身赛(K题)principal(括号匹配问题+stack模拟)

    principal 已经提交 已经通过 23.66% Total Submission:131 Total Accepted:31 题目描述 阿尔比恩王国潜伏着代号白鸽队''的一群间谍.在没有任务的时 ...

  3. Comet OJ - 模拟赛 #2 Day1 比赛总结

    比赛情况 40 + 60 + 0 = 100pts 哎,T1做错了,没有对拍.如果发现错误 \(=>\) 改正 \(=>\) 40->100pts,160pts \(=>\) ...

  4. 基于 Asp.Net的 Comet 技术解析

    Comet技术原理 来自维基百科:Comet是一种用于web的技术,能使服务器能实时地将更新的信息传送到客户端,而无须客户端发出请求,目前有两种实现方式,长轮询和iframe流. 简单的说是一种基于现 ...

  5. 浅入浅出“服务器推送”之一:Comet简介

    最近有个项目,其中有项需求要从服务器端主动向客户端推送数据,本以为很简单,但在实际做的过程中发现很棘手,并没有想象中的简单.从网上搜索学习,发现主流讲的还是Ajax的长轮询技术或者流技术,websoc ...

  6. 探求网页同步提交、ajax和comet不为人知的秘密(上篇)

    标题里的技术都是web开发里最常见的技术,但是我想这些常用的技术有很多细节是很多朋友不太清楚的,理解这些细节是我们深入掌握这些技术的一把钥匙,今天我就讲讲我使用这些技术时体会到的这些细节. 同步提交是 ...

  7. Comet:基于 HTTP 长连接的“服务器推”技术解析

    原文链接:http://www.cnblogs.com/deepleo/p/Comet.html 一.背景介绍 传统web请求,是显式的向服务器发送http Request,拿到Response后显示 ...

  8. comet

    comet 1.简介: 基于 HTTP长连接的“服务器推”技术,是一种新的 Web 应用架构,基于这种架构开发的应用中,服务器端会主动以异步的方式向客户端程序推送数据,而不需要客户端显式的发出请求.C ...

  9. WEB实时聊天 comet推技术

    转自:http://www.cnblogs.com/wodemeng/archive/2012/04/06/2435302.html 今天晚上朋友遇到web服务端推技术的问题,自己就查了下资料,学习了 ...

随机推荐

  1. Django模型和ORM

    一.ORM ORM介绍 ORM概念 对象关系映射(Object Relational Mapping,简称ORM)模式是一种为了解决面向对象与关系数据库存在的互不匹配的现象的技术. 简单的说,ORM是 ...

  2. 微软Holographic将更名为Windows Mixed Reality

    微软Holographic将更名为Windows Mixed Reality ----世界变化好快.  还没来得及细细品味,它就已经更名了. 程序员的焦虑,处在一个信息大爆炸的年代,大数据,云计算,机 ...

  3. php 的swoole 和websocket 连接wss

    1. 下载证书 $serv = new swoole_server('0.0.0.0', 9501, SWOOLE_PROCESS, SWOOLE_SOCK_TCP | SWOOLE_SSL); $s ...

  4. ROS二进制日志包 ROS binary logger package

    原文网址: 1 http://www.ros.org/news/2017/02/ros-binary-logger-package.html 2 https://github.com/CNR-ITIA ...

  5. day2编写购物商城(1)

    作业:购物商城 商品展示,价格 买,加入购物车 付款,钱不够     具体实现了如下功能: 1.可购买的商品信息显示 2.显示购物车内的商品信息.数量.总金额 3.购物车内的商品数量进行增加.减少和商 ...

  6. jquery插件使用记录

    1.imgPreview(图片预览功能插件) demo地址:http://james.padolsey.com/demos/imgPreview/full/

  7. 使用开源my-deploy工具实现开发环境的代码自动化部署

    @编者按: 由于公司内部存在的开发系统:内网开发--外网预发布--外网生产环境,程序员频繁的更新代码造成运维人员大量时间被占用,于是有了使用该开源工具的部署测试环节.在这里感谢该开源工具的作者,也希望 ...

  8. USACO 6.5 Checker Challenge

    Checker Challenge Examine the 6x6 checkerboard below and note that the six checkers are arranged on ...

  9. 基于 Laravel 开发博客应用系列 —— 从测试开始(一):创建项目和PHPUnit

    1.创建博客项目 我们将遵循上一节提到的六步创建一个新 Laravel 5.1 项目的步骤,创建本节要用到的博客项目 —— blog. 首先,在本地主机安装应用骨架: nonfu@ubuntu:~/C ...

  10. 回文树练习 Part1

    URAL - 1960   Palindromes and Super Abilities 回文树水题,每次插入时统计数量即可. #include<bits/stdc++.h> using ...