Server : nginx/1.18.0 System : Linux localhost 6.14.3-x86_64-linode168 #1 SMP PREEMPT_DYNAMIC Mon Apr 21 19:47:55 EDT 2025 x86_64 User : www-data ( 33) PHP Version : 8.0.16 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals,pcntl_unshare, Directory : /var/www/ecommerce/node_modules/eventsource/example/ |
<!DOCTYPE html>
<html>
<head>
<style>
.col {
float:left;
width:50%;
left:50%;
}
</style>
</head>
<body>
<div class=col>
<h2>EventSource</h2>
<ul id=es-messages>
</ul>
</div>
<div class=col>
<h2>EventSourcePolyfill</h2>
<ul id=es-polyfill-messages>
</ul>
</div>
<script src=/eventsource-polyfill.js></script>
<script>
function subscribe(es, ul) {
es.addEventListener('server-time', function (e) {
var li = document.createElement("LI");
li.appendChild(document.createTextNode(e.data));
ul.appendChild(li);
});
}
subscribe(new EventSource('/sse'), document.getElementById('es-messages'));
subscribe(new EventSourcePolyfill('/sse'), document.getElementById('es-polyfill-messages'));
</script>
</body>