HTML5 - Acara Terkirim Server

Acara Terkirim Server

Dibutuhkan pembaruan dari server dan memberikan hasil di browser web. Sebelum mengambil pembaruan dari server, browser harus bertanya, apakah ada pembaruan yang tersedia di server web.

Contoh

Kode HTML5 harus seperti berikut

<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

Kode Server harus dalam PHP, Ini terlihat seperti berikut

<?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();
?>

Anda bisa mendapatkan demo Acara Terkirim Server di sini