mirror of
https://github.com/cesanta/mongoose.git
synced 2024-12-28 03:48:45 +08:00
30 lines
789 B
HTML
30 lines
789 B
HTML
|
<html>
|
||
|
|
<head>
|
||
|
|
<title>example.com index</title>
|
||
|
|
<script type="text/javascript">
|
||
|
|
window.onload = function() {
|
||
|
|
var es = new EventSource("/api/sse");
|
||
|
|
var div = document.getElementById('events');
|
||
|
|
es.onmessage = function(ev) {
|
||
|
|
var el = document.createElement('div');
|
||
|
|
el.innerHTML = 'sse message: ' + ev.data;
|
||
|
|
div.appendChild(el);
|
||
|
|
// Keep only last 5 messages in the list
|
||
|
|
while (div.childNodes.length > 5) div.removeChild(div.firstChild);
|
||
|
|
};
|
||
|
|
};
|
||
|
|
</script>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<h1>This is an example.com index page.</h1>
|
||
|
|
<ul>
|
||
|
|
<li><a href="app1">App1</a> - App1 root</li>
|
||
|
|
<li><a href="app2">App2</a> - App2 root</li>
|
||
|
|
</ul>
|
||
|
|
|
||
|
|
<h2>SSE pushes, done by separate threads at random times:</h2>
|
||
|
|
<div id="events"></div>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|