如何解析SpringMVC4.1服務器端推送實現過程

這篇文章給大家介紹如何解析SpringMVC4.1服務器端推送實現過程，內容非常詳細，感興趣的小伙伴們可以參考借鑒，希望對大家能有所幫助。

服務器端推送

SSE(server send event)是一種服務器端向瀏覽器推送消息的技術,而不是我們常規的瀏覽器像server請求然后響應;  當我們需要使用server向瀏覽器主動推送數據的時候,請考慮使用該項技術,而不是考慮具有雙向通訊功能的websocket;  以前我們用ajax輪詢server也能實現,服務器負擔大;  sse原理是向server請求一次后,server會掛住請求不放(此時瀏覽器里請求狀態是pending),等有數據后才返回給瀏覽器,然后再發起下一次請求,以此類推;  所有主流瀏覽器均支持服務器發送事件，除了 Internet Explorer(6,7,8,9);

示例

服務器推送控制器

package com.wisely.web;import java.util.Random;import org.springframework.stereotype.Controller;import org.springframework.web.bind.annotation.RequestMapping;import org.springframework.web.bind.annotation.ResponseBody;@Controllerpublic class SSEController {  //注意produces="text/event-stream"  @RequestMapping(value="/push",produces="text/event-stream")  public @ResponseBody String push(){     Random r = new Random();     try {         Thread.sleep(5000);     } catch (InterruptedException e) {         e.printStackTrace();     }     return "data:Testing 1,2,3" + r.nextInt() +"\n\n";  }}

頁面代碼

<p id="msg_from_server"></p><script type="text/javascript" src="<c:url value="/js/jquery.js" />"></script><script type="text/javascript">if (!!window.EventSource) {    var source = new EventSource('push'); //為http://localhost:8080/testSpringMVC/push    s='';    source.addEventListener('message', function(e) {      s+=e.data+"<br/>"      $("#msg_from_server").html(s);    });    source.addEventListener('open', function(e) {      console.log("連接打開.");    }, false);    source.addEventListener('error', function(e) {      if (e.readyState == EventSource.CLOSED) {        console.log("連接關閉");      } else {        console.log(e.readyState);        }    }, false);  } else {      console.log("沒有sse");  }</script>

關于如何解析SpringMVC4.1服務器端推送實現過程就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。