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长连接的标志。