HTML5 - Server Sent Events-alljchome-开发者的教程家园

HTML5 Tutorial

HTML5 Demo

HTML5 Tools

HTML5 Useful References

HTML5 Tag Reference

HTML5 Resources

Selected Reading

HTML5 - Server Sent Events

Server Sent Events

It takes the updates from server and gives result on web browsers.Before take updates from server,browser would have to ask, if any updates were available in web servers.

Example

HTML5 code should be as follows

<html>
   <body>
   
      <h1> Server updates</h1>
      <span id="result"></span>
   
      <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

Server Code should be in PHP,It looks pke as follows

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

";
   flush();
?>