服务器推送技术comet(AJAX长轮询)

 服务器推送技术

      推送技术的基础思想是将浏览器主动查询信息改为服务器主动发送信息。服务器发送一批数据,浏览器显示这些数据,同时保证与服务器的连接。当服务器需要再次发送一批数据时,浏览器显示数据并保持连接。以后,服务器仍然可以发送批量数据,浏览器继续显示数据,依次类推。

 第一步 : jar包准备

 catalina.jar去网上下载即可

将jar包放入tomcat的lib中,修改server.xml中的<Connector  protocol="org.apache.coyote.http11.Http11NioProtocol" port="8088" redirectport="8443" connectiontimeout="20000" />主要是修改了协议,因为长轮询使用的不是HTTP/1.1协议。

第二步 新建项目

在javaweb项目中也需要添加catalina.jar,不然会报找不到jar包

代码如下:产生随机数字

package com.java.comet;

import java.io.IOException;
import java.io.PrintWriter;
import java.util.Random;
import java.util.Scanner;

import javax.servlet.ServletResponse;

public class RandomSender implements Runnable{
	protected boolean running=true;
	private ServletResponse response;
	Random rand;
	public RandomSender(ServletResponse response) {
		this.response = response;
		rand=new Random();
	}

	public void run() {
		
		while(running){
			
			try{
				PrintWriter out = response.getWriter();
				int val=rand.nextInt(10);
				if(val>5){
					
					//out.write(rand.nextInt(10));
					out.println(val);
					
				}
				else{
					out.println("No");
				}
				out.flush();
				response.flushBuffer();
				try{
					
					Thread.sleep(1000);
				}catch(InterruptedException e){
					
				}
				
			}catch(IOException e){
				
				e.printStackTrace();
			}
			
		}
		
	}


}
服务端代码:

 
package com.java.comet;


import java.io.IOException;
import java.io.PrintWriter;
import java.util.Scanner;


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


import org.apache.catalina.CometEvent;
import org.apache.catalina.CometEvent.EventType;
import org.apache.catalina.CometProcessor;
public class CometService extends HttpServlet implements CometProcessor {


private RandomSender randomSender=null;
private static final Integer TIMEOUT=60 * 1000;
public void event(CometEvent event) throws IOException, ServletException {
 
System.out.println("访问event()方法");

HttpServletRequest request=event.getHttpServletRequest();
HttpServletResponse response=event.getHttpServletResponse();
if(event.getEventType() == CometEvent.EventType.BEGIN){

request.setAttribute("org.apaphe.tomcat.comet.timeout", TIMEOUT);
randomSender = new RandomSender(response);
Thread thread = new Thread(randomSender);
thread.start();
}else if(event.getEventType() == CometEvent.EventType.ERROR){

event.close();
}else if(event.getEventType() == CometEvent.EventType.END){
event.close();

}else if(event.getEventType() == CometEvent.EventType.READ){

throw new UnsupportedOperationException("服务器端没有接收数据");
}
}



}

web.xml配置
<servlet>   
<servlet-name>comet</servlet-name>   
<servlet-class>com.java.comet.CometService</servlet-class>  
</servlet>  
<servlet-mapping>  
<servlet-name>comet</servlet-name>  
<url-pattern>/comet</url-pattern>  
</servlet-mapping> 

前端访问页面:

<%@ 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 'index.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>
  function CometEx() {
    var request =  new XMLHttpRequest();
   request.open("GET", "http://localhost:8088/comet/comet", true);
   //request.setRequestHeader("Content-Type", "application/x-javascript;");
   request.onreadystatechange = function() {
      if (request.readyState ==3 && request.status == 200) {
      
              if(request.responseText){
              
                document.getElementById("content").innerHTML=request.responseText;
               
                 
              }
               
             //alert(request.responseText);     
      }
    };
   request.send(null);
 }
 
function test()
{
  var temp = document.getElementsByName("r");
  
  for(var i=0;i<temp.length;i++)
  {
     if(temp[i].checked)
           alert(temp[i].value);
  }
  
}
 </script>
  </head>
  
  <body >
     <input type="button" id="btn" οnclick="CometEx()" value="点击"/>
    <div id="content">
    
    </div>
    <!--  
    <div>
      
      <input type="radio" name="r" value="a" οnclick="test()"/>
      <input type="radio" name="r" value="b" οnclick="test()"/>
      <input type="radio" name="r" value="c" οnclick="test()"/>
    
    </div>
    -->
  </body>
</html>
配置文件和代码到此结束。




  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值