服务端主动推送: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