Horje

Code Explanation: Server-Sent Events - One Way Messaging

To work with server-sent, we need a server which can send data updates to the web browser. For this, we need to create a file in ASP, PHP or any dynamic language. Following is the example to show the server updates: ServerUpdate.php:

ServerUpdate.php
Example: HTML
       <!DOCTYPE html>  
    <html>  
    <head>  
      <style type="text/css">  
        div{  
          text-align: center;  
          background-color: #98f5ff;  
        }  
      </style>  
    </head>  
    <body>  
      
    <h1 align="center">Dynamic Server Updates</h1>  
    <div id="output"></div>  
    <script>  
    if(typeof(EventSource) !== "undefined") {  
      var source = new EventSource("ServerUpdate.php");  
      source.onmessage = function(event) {  
        document.getElementById("output").innerHTML += event.data + "<br>";  
      }  
    } else {  
      alert("Sorry, your browser does not support the server sent updates");}  
    </script>  
    </body>  
    </html>  




Single Articles
Example of Server-Sent Events - One Way MessagingHTML SSE API
Code Explanation: Server-Sent Events - One Way MessagingHTML SSE API


Related Articles
What is HTML SSE API HTML SSE API
How to add Server-Sent Events - One Way Messaging HTML SSE API
What types of browsers will support HTML SSE API HTML SSE API
How to Receive Server-Sent Event Notifications HTML SSE API
How to Check Server-Sent Events Support HTML SSE API
What is Server-Side Code Example HTML SSE API
What are The EventSource Object HTML SSE API

Type:
Html
Category:
Web Tutorial
Sub Category:
HTML SSE API
Uploaded by:
Admin