Server-sent Event-one-way message delivery
The Server-sent event refers to a webpage that automatically obtains updates from the server.
This could have been done before, provided the Web page had to ask if there were any updates available. Events are sent through the server, and updates are automatically reached.
<!DOCTYPE HTML><HTML><Body><H1>Get Server Updates</H1><DivID= "Result"></Div><Script>if(typeof(EventSource)!=="undefined") { varSource=NewEventSource ("/example/html5/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></Body></HTML>
- Create a new EventSource object, and then specify the URL of the page that is sending the update ("demo_sse.php" in this case)
- OnMessage event occurs every time an update is received
- When the OnMessage event occurs, the received data is pushed into the element with the ID "result"
EventSource Object
Events |
Description |
OnOpen |
When the connection to the server is opened |
OnMessage |
When a message is received |
OnError |
When an error occurs |
"HTML5" Server-sent server sends events