Http长连接的例子_亲测可用哦

一、什么事Http长连接:在网上有很多很多关于Http长连接的文章,但是我看了很多都看不懂。自己总结的所谓的http长连接就是在一请求一个页面后,在服务器端不断开http连接,而是通过response一直在定时的往页面客户端刷新数据。


二、servlet编写

package servlet;

import java.io.IOException;
import java.text.SimpleDateFormat;
import java.util.concurrent.TimeUnit;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

public class TestServlet extends HttpServlet {

	private static final long serialVersionUID = 1L;
	Long currTime = null;
	SimpleDateFormat sdf = null;

	public void init() throws ServletException {// 初始化一些参数
		super.init();
		currTime = System.currentTimeMillis();
		sdf = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
	}

	public void destroy() {
		super.destroy();
	}

	public void doGet(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		// 在get中直接调用doPost方法
		doPost(request, response);
	}

	public void doPost(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {// 长连接方式
		boolean flag = true;// 用来表示长连接是否已经被断开(如果数据发送失败了就说明是断开了)
		while (true) {
			flag = this.sendData("jsFun", sdf.format(currTime), response);
			currTime = System.currentTimeMillis();
			if (!flag) {// 如果数据发送失败,那么就退出了,说明页面长连接已经断开了
				break;
			}
			try {// 每5秒发送一次
				TimeUnit.SECONDS.sleep(5);
			} catch (InterruptedException e) {
				e.printStackTrace();
			}
		}

	}

	/**
	 * @Title: sendData
	 * @Description: 用来定时向客户端返回数据
	 * @param jsFun要调用的js函数
	 * @param data要发送的数据
	 * @param response
	 */
	private boolean sendData(String jsFun, String data,
			HttpServletResponse response) {
		try {
			response.setContentType("text/html;charset=utf-8");
			/* 这句话比较重要,我们通过response给页面返回一个js脚本,让js执行父页面的对应的jsFun,参数就是我们的data */
			response.getWriter().write(
					"<script type=\"text/javascript\">parent." + jsFun + "(\""
							+ data + "\")</script>");
			response.flushBuffer();
			return true;
		} catch (Exception e) {
			System.err.println("long connection was broken!");
			return false;
		}

	}

}


三、页面编写

<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript"
	src="http://cdn.hcharts.cn/jquery/jquery-1.8.3.min.js"></script>
<title>测试页面</title>
</head>
<body>
	<!-- 定义一个form表单, 重要的是target="myiframe",这里把form的请求定向到了myiframe中,然后再myiframe中执行servlet中返回的脚本,调用myiframe的父页面的jsFun,也就是本页面的jsFun -->
	<form action="" method="post" id="myForm" target="myiframe"></form>
	<!-- iframe要隐藏哦 -->
	<iframe id="myiframe" name="myiframe" style="display: none;"></iframe>
	<div id="container" style="height: 800px"></div>


</body>

<script type="text/javascript">
	function jsFun(data) {//一直被后台调用的方法
		$('#container').append("<br/>");
		$('#container').append(data);
	}

	function init() {//用户进入页面后就自动发起form表单的提交,激活长连接
		var action = "${pageContext.request.contextPath}/servlet/TestServlet";
		$('#myForm').attr("action", action);
		$('#myForm').submit();
	}
</script>


<script type="text/javascript">
	$(function() {
		init();
	});
</script>
</html>



四、通过tomcat启动项目,查看运行结果



可以看到数据是每隔5条打印一次的,而且浏览器的页面一直在转圈圈,这就是http长连接的标志。


五、当页面断开连接的时候(刷新页面或关闭页面)


可以看到服务器会自动断开连接,避免资源的浪费。

  • 4
    点赞
  • 16
    收藏
    觉得还不错? 一键收藏
  • 6
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值