服务器端SEE推送

最新推荐文章于 2023-08-10 11:10:33 发布

zssz1026

最新推荐文章于 2023-08-10 11:10:33 发布

阅读量484

点赞数

文章标签： see

本文链接：https://blog.csdn.net/zssz1026/article/details/103734228

版权

服务器端代码：

@RestController
@RequestMapping("see")
public class SSEController {

    /**\在Server-sent Events规范中，服务器的响应类型是 text/event-stream，而响应的内容可以看成一个事件流，由不同的事件组成，每个事件由类型和数据组成，同时每个事件可以有一个可选的标识符。不同的事件之间通过空行分隔。传输的字符串后面必须用空行分隔
     *
     * @return
     */
    @RequestMapping(value="/get_data",produces = "text/event-stream;charset=UTF-8")
    public String push(){
        try{
            Thread.sleep(1000);
        }catch (Exception e){
            e.printStackTrace();
        }
        return "data:xdclass 行情"+ Math.random()+"\n\n";
    }
}

页面端代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>服务端主动推送</title>
    <script type="text/javascript">
        var source = new EventSource('http://192.168.124.10:9005/see/get_data');
        source.onmessage = function (event) {
            document.getElementById('result').innerHTML = event.data;

        };
    </script>
</head>
<body>
<div>服务端主动推送
<div id="result">

</div>
</div>
</body>
</html>

zssz1026

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
服务器端SEE推送

服务器端代码：@RestController@RequestMapping("see")public class SSEController { /**\在Server-sent Events规范中，服务器的响应类型是 text/event-stream，而响应的内容可以看成一个事件流，由不同的事件组成，每个事件由类型和数据组成，同时每个事件可以有一个可选的标识符。不同的事件之...
复制链接

扫一扫