在我的印象里HTTP是一种“无状态的协议”，也就是不知道以前请求的历史，无法保留上一次请求的结果。
Cookie的诞生，弥补了这个不足，浏览器可以通过本地持久化请求数据来记录上次请求的环境。但这个没有根本上改变HTTP请求本身的这种“客户端请求服务器端相应”模式——客户端是主动的，而服务器是被动的。
最近听说有“HTTP长连接”，去探索了一把，果然很有意思，能够实现“服务器推”的这种概念，也就是服务器是主动发送请求，客户端是被动接受请求。
关于“服务器推”及“HTTP长连接”的概念网上很多，给一个比较系统的介绍文章：
http://www.ibm.com/developerworks/cn/web/wa-lo-comet/

HTTP长连接这种把数据从服务器主动“推”到客户端的技术，能带来的好处不言而喻。它可以把最新的统计数据输出到客户端，也可以实现即时通讯。

下面是JSP实现的一个“监控服务器时间”程序的代码示例（片段）
1、web.xml

  1. <servlet>
  2. <servlet-name>ServerTimeMonitorServlet</servlet-name>
  3. <servlet-class>com.ebiz.test.ServerTimeMonitorServlet</servlet-class>
  4. <init-param>
  5. <param-name>interval</param-name>
  6. <param-value>1</param-value>
  7. </init-param>
  8. </servlet>
  9. <servlet-mapping>
  10. <servlet-name>ServerTimeMonitorServlet</servlet-name>
  11. <url-pattern>/ServerTimeMonitor</url-pattern>
  12. </servlet-mapping>

2、servlet：ServerTimeMonitorServlet.java

  1. package com.ebiz.test;
  2. import java.io.IOException;
  3. import java.text.SimpleDateFormat;
  4. import java.util.Date;
  5. import javax.servlet.ServletConfig;
  6. import javax.servlet.ServletException;
  7. import javax.servlet.http.HttpServlet;
  8. import javax.servlet.http.HttpServletRequest;
  9. import javax.servlet.http.HttpServletResponse;
  10. public class ServerTimeMonitorServlet extends HttpServlet {
  11. private static final long serialVersionUID = -3981794330055840248L;
  12. private String interval = "1";
  13. public void init(ServletConfig config) throws ServletException {
  14. this.interval = config.getInitParameter("interval");
  15. super.init();
  16. }
  17. public void destroy() {
  18. this.interval = null;
  19. super.destroy();
  20. }
  21. protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException,
  22. java.io.IOException {
  23. for (int i = 0; i < 100; i++) {
  24. try {
  25. Thread.sleep(1000 * Integer.valueOf(interval));
  26. } catch (NumberFormatException e) {
  27. e.printStackTrace();
  28. } catch (InterruptedException e) {
  29. e.printStackTrace();
  30. }
  31. SimpleDateFormat df = new SimpleDateFormat("yyyy-MM-dd hh:mm:ss E");
  32. String date_str = df.format(new Date());
  33. writerResponse(response, date_str, "showServerTime");// msg是test.jsp中的那个js方法的名称
  34. }
  35. return;
  36. }
  37. protected void writerResponse(HttpServletResponse response, String body, String client_method) throws IOException {
  38. StringBuffer sb = new StringBuffer();
  39. sb.append("<script type=\"text/javascript\">//<![CDATA[\n");
  40. sb.append("     parent.").append(client_method).append("(\"").append(body).append("\");\n");
  41. sb.append("//]]></script>");
  42. System.out.println(sb.toString());
  43. response.setContentType("text/html;charset=GBK");
  44. response.addHeader("Pragma", "no-cache");
  45. response.setHeader("Cache-Control", "no-cache,no-store,must-revalidate");
  46. response.setHeader("Cache-Control", "pre-check=0,post-check=0");
  47. response.setDateHeader("Expires", 0);
  48. response.getWriter().write(sb.toString());
  49. response.flushBuffer();
  50. }
  51. public String getInterval() {
  52. return interval;
  53. }
  54. public void setInterval(String interval) {
  55. this.interval = interval;
  56. }
  57. }

3、jsp：server-time-monitor.jsp

  1. <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
  2. <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
  3. <c:set var="ctx" value="${pageContext.request['contextPath']}" />
  4. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  5. <html xmlns="http://www.w3.org/1999/xhtml">
  6. <head>
  7. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  8. <title>HTTP 长连接测试 —— 监控服务器时间 </title>
  9. </head>
  10. <body>
  11. <div id="monitor-window">服务器现在是：<span id="time"></span></div>
  12. <form id="a-form" action="${ctx}/ServerTimeMonitor" method="post" target="handleFrame">
  13. <input type="submit" name="submit" id="submit" value=" 获取并监控服务器时间 " />
  14. </form>
  15. <iframe name="handleFrame" id="handleFrame" style="display:none"></iframe>
  16. <!-- <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script> -->
  17. <script type="text/javascript" src="jquery-1.10.2.min.js"></script>
  18. <script type="text/javascript">//<![CDATA[
  19. function showServerTime(msg) {
  20. $("#time").html(msg);
  21. }
  22. //]]></script>
  23. </body>
  24. </html>

执行过程

仔细看JSP这段HTML代码，很有意思。

1、form通过POST请求把返回的Script代码输出到iframe中（form的target="handleFrame"）。这段返回的Script代码在服务器的控制台输出如下：

  1. <script type="text/javascript">//<![CDATA[
  2. parent.showServerTime("2013-08-17 12:08:14 星期六");
  3. //]]></script>

2、iframe完成加载上面这段代码后解析并执行，这段代码的作用是调用父页面的“showServerTime”方法，把消息传入。

3、父页面showServerTime函数负责处理接收到的消息。

4、Servlet负责定时执行和输出，源源不断向客户端发送内容。

原来，这个隐藏的iframe起到了一个“纽带”的作用。

演示结果

测试结果

在Chrome中标题前面有一个正在加载的图标，感觉上页面一直在加载，IE9中没有这个现象，其他浏览器没有测试。

（完）

HTTP长连接实现“服务器推”的技术的更多相关文章

  1. Comet：基于 HTTP 长连接的“服务器推”技术

    “服务器推”技术的应用 请访问 Ajax 技术资源中心,这是有关 Ajax 编程模型信息的一站式中心,包括很多文档.教程.论坛.blog.wiki 和新闻.任何 Ajax 的新信息都能在这里找到. c ...

  2. 转载：Comet：基于 HTTP 长连接的“服务器推”技术

    转自:http://www.ibm.com/developerworks/cn/web/wa-lo-comet/ 很多应用譬如监控.即时通信.即时报价系统都需要将后台发生的变化实时传送到客户端而无须客 ...

  3. [转载] Comet：基于 HTTP 长连接的“服务器推”技术

    转载自http://www.ibm.com/developerworks/cn/web/wa-lo-comet/ “服务器推”技术的应用 传统模式的 Web 系统以客户端发出请求.服务器端响应的方式工 ...

  4. Comet：基于 HTTP 长连接的“服务器推”技术(转载)

    “服务器推”技术的应用 传统模式的 Web 系统以客户端发出请求.服务器端响应的方式工作.这种方式并不能满足很多现实应用的需求,譬如: 监控系统:后台硬件热插拔.LED.温度.电压发生变化: 即时通信 ...

  5. 【转】Comet：基于 HTTP 长连接的“服务器推”技术

    原文链接:http://www.ibm.com/developerworks/cn/web/wa-lo-comet/ 很多应用譬如监控.即时通信.即时报价系统都需要将后台发生的变化实时传送到客户端而无 ...

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

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

  7. ASP.NET MVC 长连接（服务器推）完整实现

    1.什么是"服务器推"(百科来一波)? 传统模式的 Web 系统以客户端发出请求.服务器端响应的方式工作.这种方式并不能满足很多现实应用的需求,譬如: 监控系统:后台硬件热插拔.L ...

  8. Android 心跳包心跳连接 如何实现android和服务器长连接呢？推送消息的原理

    前言:现在的大多数移动端应用都有实时得到消息的能力,简单来说,有发送消息的主动权和接受消息的被动权.例如:微信,QQ,天气预报等等,相信好处和用户体验相信大家都知道吧. 提出问题:这种功能必须涉及cl ...

  9. Web端服务器推送技术原理分析及dwr框架简单的使用

    1 背景 “服务器推送技术”(ServerPushing)是最近Web技术中最热门的一个流行术语.它是继“Ajax”之后又一个倍受追捧的Web技术.“服务器推送技术”最近的流行跟“Ajax ”有着密切 ...

随机推荐

  1. java 语法糖

    package syntax.autoCase; import java.util.Arrays; import java.util.List; public class autoCase { pub ...

  2. trade 主要前端组件

    jQuery Custombox http://www.jqueryfuns.com/resource/view/27

  3. 使用VisualSVN Server自动发布站点

    使用VisualSVN Server自动发布站点可以节省大量的发布时间. 适用于项目测试版本 通常一个项目在测试阶段会遇到以下问题 1.开发人员修改缺陷要实时反应到测试环境 2.项目经理想让客户及时看 ...

  4. 说说iOS中的手势及触摸

    一.响应链 在IOS开发中会遇到各种操作事件,通过程序可以对这些事件做出响应. 首先,当发生事件响应时,必须知道由谁来响应事件.在IOS中,由响应者链来对事件进行响应,所有事件响应的类都是UIResp ...

  5. 自定义更新Hibernate Ehcache

    最近在做一个项目中需要用缓存,项目持久层用的是Hibernate,然后就考虑用二级缓存来实现,但是后来项目扩展,由第三方修改数据这样缓存就会要等到失效后重新获取数据库的数据,本来这样是没问题的,可是领 ...

  6. Running Central Admin on Multiple Servers within a Farm

    http://sharepoint.microsoft.com/blogs/fromthefield/Lists/Posts/Post.aspx?ID=60

  7. 团队项目之Sprint计划会议

    一.我们团队在4月15日进行了冲刺计划会议,会议过程大致如下: 1.总结目前的工作进展,再一次确定所做项目的方向: 2.将之前的调查问卷的结果进行统计,做了需求分析,大致了解了用户的想法: 3.根据初 ...

  8. angular-file-upload API angular文件上传插件

    官方例子 : http://nervgh.github.io/pages/angular-file-upload/examples/simple/ ===Directives=== nvFileSel ...

  9. vi 常用技巧

    vi/vim : Visual Interface/VI iMproved VI命令可以说是Unix/Linux世界里最常用的编辑文件的命令了,但是因为它的命令集众多,很多人都不习惯使用它,其实您只需 ...

  10. MemSQL Start[c]UP 2.0 - Round 1

    A. Eevee http://codeforces.com/contest/452/problem/A 字符串水题 #include<cstdio> #include<cstrin ...