HTML5 - Eventi inviati dal server

Eventi inviati dal server

Prende gli aggiornamenti dal server e fornisce risultati sui browser Web. Prima di ricevere gli aggiornamenti dal server, il browser dovrebbe chiedere se sono disponibili aggiornamenti nei server Web.

Esempio

Il codice HTML5 dovrebbe essere il seguente

<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

Il codice del server dovrebbe essere in PHP, sembra come segue

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

Puoi ottenere una demo degli eventi inviati dal server qui