HTML5 - Sự kiện do máy chủ gửi

Sự kiện do máy chủ gửi

Nó nhận các bản cập nhật từ máy chủ và đưa ra kết quả trên trình duyệt web. Trước khi nhận bản cập nhật từ máy chủ, trình duyệt sẽ phải hỏi xem có bản cập nhật nào trong máy chủ web hay không.

Thí dụ

Mã HTML5 phải như sau

<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

Mã máy chủ phải bằng PHP, có dạng như sau

<?php
   header('Content-Type: text/event-stream');
   header('Cache-Control: no-cache');
   
   $time = date('r'); echo "data: The server time is: {$time}\n\n";
   flush();
?>

Bạn có thể nhận bản demo về Sự kiện do máy chủ gửi tại đây