HTML5 SSE自动推送

前端页面:

<!doctype html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Basic SSE Example</title>
  </head>
  <body>
    <pre id="x">Initializing...</pre>
    <script>
    var es = new EventSource("basic_sse.php");
    es.addEventListener("message", function(e){
      document.getElementById("x").innerHTML += "
" + e.data;
      },false);
    </script>
  </body>
</html>

PHP页面:
<?php
header("Content-Type: text/event-stream");
while(true){
  echo "data:".date("Y-m-d H:i:s")."

";
  @ob_flush();@flush();
  sleep(1);
  }
?>

目前还没搞明白的是每30秒发送一次请求,不知是这个方法的机制还是可以设置的。
 
原文地址:https://www.cnblogs.com/samtrybest/p/5089715.html