HTML - Server-Sent Events

Overview

Estimated time: 15–25 minutes

Example

<pre id="log"></pre>
<script>
  const es = new EventSource('/events');
  es.onmessage = e => log.textContent += e.data + "\n";
  es.onerror = () => { log.textContent += 'Connection lost\n'; };
</script>

Common Pitfalls

  • Using SSE for bidirectional needs—use WebSocket instead.