HTTP长连接实现“服务器推”的技术
Cookie的诞生,弥补了这个不足,浏览器可以通过本地持久化请求数据来记录上次请求的环境。但这个没有根本上改变HTTP请求本身的这种“客户端请求服务器端相应”模式——客户端是主动的,而服务器是被动的。
最近听说有“HTTP长连接”,去探索了一把,果然很有意思,能够实现“服务器推”的这种概念,也就是服务器是主动发送请求,客户端是被动接受请求。
关于“服务器推”及“HTTP长连接”的概念网上很多,给一个比较系统的介绍文章:
http://www.ibm.com/developerworks/cn/web/wa-lo-comet/
HTTP长连接这种把数据从服务器主动“推”到客户端的技术,能带来的好处不言而喻。它可以把最新的统计数据输出到客户端,也可以实现即时通讯。
下面是JSP实现的一个“监控服务器时间”程序的代码示例(片段)
1、web.xml
- <servlet>
- <servlet-name>ServerTimeMonitorServlet</servlet-name>
- <servlet-class>com.ebiz.test.ServerTimeMonitorServlet</servlet-class>
- <init-param>
- <param-name>interval</param-name>
- <param-value>1</param-value>
- </init-param>
- </servlet>
- <servlet-mapping>
- <servlet-name>ServerTimeMonitorServlet</servlet-name>
- <url-pattern>/ServerTimeMonitor</url-pattern>
- </servlet-mapping>
2、servlet:ServerTimeMonitorServlet.java
- package com.ebiz.test;
- import java.io.IOException;
- import java.text.SimpleDateFormat;
- import java.util.Date;
- import javax.servlet.ServletConfig;
- import javax.servlet.ServletException;
- import javax.servlet.http.HttpServlet;
- import javax.servlet.http.HttpServletRequest;
- import javax.servlet.http.HttpServletResponse;
- public class ServerTimeMonitorServlet extends HttpServlet {
- private static final long serialVersionUID = -3981794330055840248L;
- private String interval = "1";
- public void init(ServletConfig config) throws ServletException {
- this.interval = config.getInitParameter("interval");
- super.init();
- }
- public void destroy() {
- this.interval = null;
- super.destroy();
- }
- protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException,
- java.io.IOException {
- for (int i = 0; i < 100; i++) {
- try {
- Thread.sleep(1000 * Integer.valueOf(interval));
- } catch (NumberFormatException e) {
- e.printStackTrace();
- } catch (InterruptedException e) {
- e.printStackTrace();
- }
- SimpleDateFormat df = new SimpleDateFormat("yyyy-MM-dd hh:mm:ss E");
- String date_str = df.format(new Date());
- writerResponse(response, date_str, "showServerTime");// msg是test.jsp中的那个js方法的名称
- }
- return;
- }
- protected void writerResponse(HttpServletResponse response, String body, String client_method) throws IOException {
- StringBuffer sb = new StringBuffer();
- sb.append("<script type=\"text/javascript\">//<![CDATA[\n");
- sb.append(" parent.").append(client_method).append("(\"").append(body).append("\");\n");
- sb.append("//]]></script>");
- System.out.println(sb.toString());
- response.setContentType("text/html;charset=GBK");
- response.addHeader("Pragma", "no-cache");
- response.setHeader("Cache-Control", "no-cache,no-store,must-revalidate");
- response.setHeader("Cache-Control", "pre-check=0,post-check=0");
- response.setDateHeader("Expires", 0);
- response.getWriter().write(sb.toString());
- response.flushBuffer();
- }
- public String getInterval() {
- return interval;
- }
- public void setInterval(String interval) {
- this.interval = interval;
- }
- }
3、jsp:server-time-monitor.jsp
- <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
- <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
- <c:set var="ctx" value="${pageContext.request['contextPath']}" />
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>HTTP 长连接测试 —— 监控服务器时间 </title>
- </head>
- <body>
- <div id="monitor-window">服务器现在是:<span id="time"></span></div>
- <form id="a-form" action="${ctx}/ServerTimeMonitor" method="post" target="handleFrame">
- <input type="submit" name="submit" id="submit" value=" 获取并监控服务器时间 " />
- </form>
- <iframe name="handleFrame" id="handleFrame" style="display:none"></iframe>
- <!-- <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script> -->
- <script type="text/javascript" src="jquery-1.10.2.min.js"></script>
- <script type="text/javascript">//<![CDATA[
- function showServerTime(msg) {
- $("#time").html(msg);
- }
- //]]></script>
- </body>
- </html>
执行过程
仔细看JSP这段HTML代码,很有意思。
1、form通过POST请求把返回的Script代码输出到iframe中(form的target="handleFrame")。这段返回的Script代码在服务器的控制台输出如下:
- <script type="text/javascript">//<![CDATA[
- parent.showServerTime("2013-08-17 12:08:14 星期六");
- //]]></script>
2、iframe完成加载上面这段代码后解析并执行,这段代码的作用是调用父页面的“showServerTime”方法,把消息传入。
3、父页面showServerTime函数负责处理接收到的消息。
4、Servlet负责定时执行和输出,源源不断向客户端发送内容。
原来,这个隐藏的iframe起到了一个“纽带”的作用。
演示结果
测试结果
在Chrome中标题前面有一个正在加载的图标,感觉上页面一直在加载,IE9中没有这个现象,其他浏览器没有测试。
(完)
HTTP长连接实现“服务器推”的技术的更多相关文章
- Comet:基于 HTTP 长连接的“服务器推”技术
“服务器推”技术的应用 请访问 Ajax 技术资源中心,这是有关 Ajax 编程模型信息的一站式中心,包括很多文档.教程.论坛.blog.wiki 和新闻.任何 Ajax 的新信息都能在这里找到. c ...
- 转载:Comet:基于 HTTP 长连接的“服务器推”技术
转自:http://www.ibm.com/developerworks/cn/web/wa-lo-comet/ 很多应用譬如监控.即时通信.即时报价系统都需要将后台发生的变化实时传送到客户端而无须客 ...
- [转载] Comet:基于 HTTP 长连接的“服务器推”技术
转载自http://www.ibm.com/developerworks/cn/web/wa-lo-comet/ “服务器推”技术的应用 传统模式的 Web 系统以客户端发出请求.服务器端响应的方式工 ...
- Comet:基于 HTTP 长连接的“服务器推”技术(转载)
“服务器推”技术的应用 传统模式的 Web 系统以客户端发出请求.服务器端响应的方式工作.这种方式并不能满足很多现实应用的需求,譬如: 监控系统:后台硬件热插拔.LED.温度.电压发生变化: 即时通信 ...
- 【转】Comet:基于 HTTP 长连接的“服务器推”技术
原文链接:http://www.ibm.com/developerworks/cn/web/wa-lo-comet/ 很多应用譬如监控.即时通信.即时报价系统都需要将后台发生的变化实时传送到客户端而无 ...
- Comet:基于 HTTP 长连接的“服务器推”技术解析
原文链接:http://www.cnblogs.com/deepleo/p/Comet.html 一.背景介绍 传统web请求,是显式的向服务器发送http Request,拿到Response后显示 ...
- ASP.NET MVC 长连接(服务器推)完整实现
1.什么是"服务器推"(百科来一波)? 传统模式的 Web 系统以客户端发出请求.服务器端响应的方式工作.这种方式并不能满足很多现实应用的需求,譬如: 监控系统:后台硬件热插拔.L ...
- Android 心跳包心跳连接 如何实现android和服务器长连接呢?推送消息的原理
前言:现在的大多数移动端应用都有实时得到消息的能力,简单来说,有发送消息的主动权和接受消息的被动权.例如:微信,QQ,天气预报等等,相信好处和用户体验相信大家都知道吧. 提出问题:这种功能必须涉及cl ...
- Web端服务器推送技术原理分析及dwr框架简单的使用
1 背景 “服务器推送技术”(ServerPushing)是最近Web技术中最热门的一个流行术语.它是继“Ajax”之后又一个倍受追捧的Web技术.“服务器推送技术”最近的流行跟“Ajax ”有着密切 ...
随机推荐
- mysql基本知识---20151127-1
2015年11月27日,作为PHPer的我开始全面学习mysql数据库. 基本语法: 1.连接服务器: mysql>mysql -h host -u root -p 回车 输入密码(本地环境可以 ...
- zendframework 事件管理(一)
zend里的事件管理器主要是为了实现: 1.观察者模式 2.面向切面设计 3.事件驱动构架 事件管理最基本的功能是将监听器与事件连接或断开.不论时连接还是断开都是通过shared collection ...
- 【CocoaPods】配置CocoaPods前 - 本地安装好Ruby环境
xcode (反正就是代码编辑器) Xcode就不用说了把. homebrew (反正就是软件管理器) homebrew是一个包管理器,用于在mac上安装一些os x上没有的UNiX工具(比如wget ...
- 【BZOJ 1068】[SCOI2007]压缩
Description 给 一个由小写字母组成的字符串,我们可以用一种简单的方法来压缩其中的重复信息.压缩后的字符串除了小写字母外还可以(但不必)包含大写字母R与M,其中M 标记重复串的开始,R重复从 ...
- css的display属性小实验
div与span是常用的盒子模型; 区别: div默认是垂直分布(独占一行) span默认是水平分布(一行可以有多个) 通过float属性可以改变div容器的分布方式达到span容器的效果; 下面 ...
- JDBC连接数据库代码
//连接是需要导包 http://pan.baidu.com/s/1o6nyuOa /*配合数据库建立表 create database day14 character set utf8 collat ...
- How to create jar for Android Library Project
http://stackoverflow.com/questions/17063826/how-to-create-jar-for-android-library-project This works ...
- VBS基础篇 - 常量
常量:指的是在程序运行过程中其值保持不变的量,它用来保存固定不变的数值,字符串等常数 . 常量的定义:在vbscript中使用使用 Const 指令可以创建名称具有一定含义的字符串型或数值型常量,并给 ...
- SVN--从本地检出项目至服务器报错--禁止访问
错误描述: 原因:这是访问权限限制引起的. 查看/svn/test目录的权限--之前我修改过的 现在添加一个user就好了--这个添加的developer是我之前导入本地项目时已经验证过的,所以再导入 ...
- 请求--拦截器--action经过
引用我这里想知道的是同名的多个参数,会被自动的放置在List或者数组中,我想知道是怎么实现的,因为取一个参数和取多个同名的参数是不同的方法: 一个是request.getParameter 一个是re ...