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:
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>
Example of Server-Sent Events - One Way Messaging | HTML SSE API |
Code Explanation: Server-Sent Events - One Way Messaging | HTML SSE API |
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 |