onmessage = function(event); - Javascript DOM Event

Javascript examples for DOM Event:Element Event Attribute

  1. HOME
  2. Javascript
  3. DOM Event
  4. Element Event Attribute

Description

The onmessage event occurs when a message is received through an event source.

The event object for the onmessage event supports the following properties:

  • data - Contains the actual message
  • origin - The URL of the document that invoked the event
  • lastEventId - the identifier of the last message seen in the event stream

Demo Code

ResultView the demo in separate window 

<!DOCTYPE html>
<html>
<body>

<h1 id="myH1"></h1>
<div id="myDIV"></div>

<script>
if(typeof(EventSource) !== "undefined") {
    var source = new EventSource("/html/demo_sse.php");
    source.onopen = function() {/*www. j  a v  a  2s.com*/
        document.getElementById("myH1").innerHTML = "Getting server updates";
    };

    source.onmessage = function(event) {
        document.getElementById("myDIV").innerHTML += event.data + "<br>";
    };

} else {
    document.getElementById("myDIV").innerHTML = "Sorry, your browser does not support server-sent events...";
}
</script>

</body>
</html>

Related Tutorials