html5 SSE后端向前端推送实时数据

前端在src/main/resources/static/home.html 路径下建立一个home.html文件

代码是是这样的

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>菜鸟教程(runoob.com)</title>
</head>
<body>
<h1>获取服务端更新数据</h1>
<div id="result"></div>

<script>
  if(typeof(EventSource)!=="undefined")
  {
    var source=new EventSource("http://localhost:9999/home2");
    source.onmessage=function(event)
    {
      document.getElementById("result").innerHTML+=event.data + "<br>";
    };
  }
  else
  {
    document.getElementById("result").innerHTML="抱歉，你的浏览器不支持 server-sent 事件...";
  }
</script>

</body>
</html>

java后端代码是这样

   @GetMapping("home2")
    public ResponseE
版权声明：本文为MenBad原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。