Multiple Events in Server-Sent Events

最新推荐文章于 2023-08-04 01:15:09 发布

个人知识管理布道师

最新推荐文章于 2023-08-04 01:15:09 发布

阅读量284

点赞数

分类专栏： HTML5 文章标签： html5 server-sent ev

本文链接：https://blog.csdn.net/u010689306/article/details/51751770

版权

HTML5 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

multipleEvents.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
         up_vote:<span id="up"></span><br>
         down_vote:<span id="down"></span>
         <br><br>
         <button οnclick="start()">start</button>
         <script type="text/javascript">
              function start(){
            	  var eventSource = new EventSource("MultiServlet");
            	  /*eventSource.onmessage=function(event){
            		  document.getElementById("foo").innerHTML=event.data;
            	  };*/
            	  eventSource.addEventListener('up_vote',function(event){
            		  document.getElementById("up").innerHTML=event.data;
            	  },false);
            	  eventSource.addEventListener('down_vote',function(event){
            		  document.getElementById("down").innerHTML=event.data;
            	  },false);
              }
         </script>
</body>
</html>

MultiServlet.java

package net.viralpatel.servlets;

import java.io.IOException;
import java.io.PrintWriter;

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

/**
 * Servlet implementation class MultiServlet
 */
public class MultiServlet extends HttpServlet {
	private static final long serialVersionUID = 1L;
       
    /**
     * @see HttpServlet#HttpServlet()
     */
    public MultiServlet() {
        super();
    }

	/**
	 * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
	 */
	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
	       response.setContentType("text/event-stream");
	       response.setCharacterEncoding("UTF-8");
	       PrintWriter out = response.getWriter();
	       int upvote=0;
	       int downvote=0;
	       for (int i = 0; i < 20; i++) {
			   upvote=upvote+(int)(Math.random()*10);
			   downvote=downvote+(int)(Math.random()*10);
			   
			   //Notice single \n in event and double \n\n in data.
			   out.write("event:up_vote\n");
			   out.write("data: " + upvote +"\n\n");
			   
			   out.write("event:down_vote\n");
			   out.write("data: " + downvote + "\n\n");
			   
			   out.flush();
			   
				try {
					Thread.sleep(1000);
				} catch (InterruptedException e) {
					e.printStackTrace();
				}
		   }
	       out.close();
	}
	

	/**
	 * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
	 */
	protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
            this.doGet(request, response);
	}

}