如何解析SpringMVC4.1服务器端推送实现过程

发布时间:2021-10-13 15:01:09 作者:柒染
来源:亿速云 阅读:120

这篇文章给大家介绍如何解析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服务器端推送实现过程就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。

推荐阅读:
  1. Python namedtuple命名元组实现过程解析
  2. JavaScript队列结构Queue实现过程解析

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

spring

上一篇:CSS中级联样式表常用术语有哪些

下一篇:什么是CSS in JS与JS in CSS

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》