極客書

HTML5 - Server Sent Events

它從伺服器獲取更新並在web瀏覽器上給出結果。在從伺服器獲取更新之前，瀏覽器必須詢問web伺服器中是否有可用的更新。

Example

HTML5代碼如下

<html>
   <body>
   
      <h1> Server updates</h1>
      <div id="result"></div>
   
      <script>
         if(typeof(EventSource) !== "undefined") {
            var source = new EventSource("demo_sse.php");
         
            source.onmessage = function(event) {
               document.getElementById("result").innerHTML += event.data + "<br>";
            };
         }
      
         else {
            document.getElementById("result").innerHTML = "Sorry, your browser does not support ";
         }
      </script>
   </body>
</html>

demo_sse.php

伺服器代碼應該是PHP格式的，如下所示