Example of Receiving Server-Sent Event Notifications
The EventSource object is used to receive server-sent event notifications:
index.html
Example:
HTML
<h1>Getting 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 server-sent events...";
}
</script>
Output should be:
| Example of Receiving Server-Sent Event Notifications | HTML SSE API |
| Example explained: Receive Server-Sent Event Notifications | 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 |