Server-Sent Events (SSE) memungkinkan halaman web menerima pembaruan data otomatis dari server web tanpa perlu melakukan refresh atau polling berulang-ulang.
Sangat ideal untuk pembaruan skor pertandingan langsung (live score), notifikasi harga saham real-time, atau feed berita terkini.
<!DOCTYPE html>
<html>
<body>
<h3>Menerima Pembaruan Real-Time (SSE)</h3>
<div id="notifBox" style="padding:15px; background:#f0fdf4; border:1px solid #86efac; border-radius:8px;">
Menunggu notifikasi dari server...
</div>
<script>
// Simulasi penerima SSE di browser
if (typeof(EventSource) !== "undefined") {
// const source = new EventSource("notifikasi.php");
// source.onmessage = function(event) { ... };
}
</script>
</body>
</html>Berbeda dengan WebSocket yang bersifat dua arah, SSE bekerja satu arah dari server ke klien sehingga jauh lebih hemat daya dan mudah diimplementasikan.
Objek JavaScript apa yang digunakan browser untuk mendengarkan Server-Sent Events?