服务器端SEE推送

最新推荐文章于 2024-01-29 09:48:09 发布

原创最新推荐文章于 2024-01-29 09:48:09 发布 · 628 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#see

服务器端代码：

@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>