SpringBoot服务器端主动推送SSE（Sever-Send-Events）案例

最新推荐文章于 2024-03-04 08:00:00 发布

吾行远方

最新推荐文章于 2024-03-04 08:00:00 发布

阅读量3.2k

点赞数

分类专栏：后端文章标签： SpringBoot 服务器端主动推送SSE（Sever-Send-Events）

本文链接：https://blog.csdn.net/wxyf2018/article/details/100740738

版权

后端专栏收录该内容

40 篇文章 2 订阅

订阅专栏

服务端主动推送:SSE (Server Send Event)

(1)需要把response的类型改为 text/event-stream，才是sse的类型
(2)html5新标准，用来从服务端实时推送数据到浏览器端，直接建立在当前http连接上，本质上是保持一个http长连接，轻量协议。

资料：http://www.w3school.com.cn/html5/html_5_serversentevents.asp

实例

SSEController.java

@RestController
@RequestMapping("/sse")
public class SSEController {
    @RequestMapping(value = "/get_data", produces = "text/event-stream;charset=UTF-8")
    public String push() {
        try {
            Thread.sleep(1000);
            //第三方数据源调用
        } catch (InterruptedException e) {
            e.printStackTrace();
        }
        return "data:模拟股票行情" + Math.random() + "\n\n";
    }
}

index.html

<!DOCTYPE html>
<html>
	<head>
	<meta charset="UTF-8">
	<title>Insert title here</title>
		<script type="text/javascript">  
			//需要判断浏览器支不支持，可以去w3c进行查看
			var source = new EventSource('sse/get_data');
			source.onmessage = function (event) {
			  console.info(event.data);
			  document.getElementById('result').innerText = event.data
			};
		</script>  
	</head>
<body>
 	<div>模拟股票行情</div>
    <div id="result"></div>
</body>
</html>

在这里插入图片描述
localhost:8080/index.html

吾行远方

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
SpringBoot服务器端主动推送SSE（Sever-Send-Events）案例

服务端主动推送:SSE (Server Send Event)(1)需要把response的类型改为 text/event-stream，才是sse的类型(2)html5新标准，用来从服务端实时推送数据到浏览器端，直接建立在当前http连接上，本质上是保持一个http长连接，轻量协议。资料：http://www.w3school.com.cn/html5/html_5_serverse...
复制链接

扫一扫