HTML5 - Vom Server gesendete Ereignisse

Vom Server gesendete Ereignisse

Es nimmt die Updates vom Server und gibt Ergebnisse in Webbrowsern. Bevor Updates vom Server genommen werden, muss der Browser fragen, ob Updates auf Webservern verfügbar sind.

Beispiel

HTML5-Code sollte wie folgt sein

<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

Der Servercode sollte in PHP sein. Es sieht wie folgt aus

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

Sie können Demo von Server erhalten Sent Events hier