<!DOCTYPE html>
<html lang="en-US">
<body>
<h1>Live Data From Server</h1>
<div id="point"></div>
<script>
var x = document.getElementById("point");
if( typeof(EventSource) !== "undefined"){
var eventSource = new EventSource("sse.php");
eventSource.onopen = function(){
x.innerHTML += "Connection Opened<br>";
}
eventSource.onmessage = function(event) {
x.innerHTML+= event.data + "<br>";
}
eventSource.onerror = function(){
x.innerHTML += "Connection Closed<br>";
}
}
else {
x.innerHTML = "Sorry, your browser does not support server sent events";
}
</script> </body>
</html>