Java Spring使用EventSource进行服务端推送

Java代码：

复制代码
@ResponseBody
        @RequestMapping(value = "/getDate", produces="text/event-stream;charset=UTF-8")
        public void getDate(HttpServletResponse response) throws Exception {
            log.info("getDate event start");
            response.setContentType("text/event-stream");
            response.setCharacterEncoding("UTF-8");
            response.setStatus(200);
            while(!response.getWriter().checkError()){
                response.getWriter().write("data:"+new Date()+"\n\n");
                response.getWriter().flush();
                Thread.sleep(1000);
            }
            response.getWriter().close();
            log.info("getDate event end");
        }
复制代码

前端代码(jsp):

复制代码
<%@ page language="java" contentType="text/html;charset=utf-8" pageEncoding="utf-8" %>
     
    <!DOCTYPE html>
    <html>
    <head>
        <title>日期</title>
    </head>
    <body>
    <div id='date'>
    </div>
    <script>
            if (typeof(EventSource) !== "undefined") {
                var eventSource = new EventSource("/Output/getDate");
                
                eventSource.onmessage = function (event) {
                    document.getElementById("date").innerHTML = event.data;
                         
                }            
                eventSource.addEventListener('error', function (event) {
                    console.log("错误：" + event);
                });
                eventSource.addEventListener('open', function (event) {
                    console.log("建立连接：" + event);
                });
            }
            else {
                document.getElementById("date").innerHTML = "抱歉，您的浏览器不支持 server-sent 事件 ...";
            }   
        
    </script>
     
    </body>
    </html>
复制代码

 

posted @   浅笑19  阅读(1381)  评论(0)  编辑  收藏  举报
相关博文：
· 请求日志统计事件
· spring 或者 java执行JavaScript脚本方式
· 前端如何使用EventSource接收服务器推送到客户端得消息？
· 前端如何接收EventStream中的数据？
· EventSource事件流（允许网页与服务器之间建立一个持久的连接，服务器可以通过这个连接向客户端推送更新）
阅读排行：
· 无需6万激活码！GitHub神秘组织3小时极速复刻Manus，手把手教你使用OpenManus搭建本
· C#/.NET/.NET Core优秀项目和框架2025年2月简报
· Manus爆火，是硬核还是营销？
· 终于写完轮子一部分：tcp代理 了，记录一下
· 【杭电多校比赛记录】2025“钉耙编程”中国大学生算法设计春季联赛（1）
历史上的今天：
2022-03-22 mybatis 实现批量更新
点击右上角即可分享
微信分享提示