HTML में SSE

const source = new EventSource("url");
source.onmessage = (event) => { /* event.data */ };

<script>
  const source = new EventSource('/updates');
</script>

<script>
  const source = new EventSource('/stream.php');
</script>

<script>
  const source = new EventSource('/stream.php');
  source.onmessage = function (event) {
    console.log(event.data);
  };
</script>

<script>
  const source = new EventSource('/stream.php');
  source.onerror = function () {
    console.log('Connection lost, browser will retry automatically');
  };
</script>

<!-- Server response headers: Content-Type: text/event-stream -->
<!-- Server response body: data: Hello\n\n -->
<script>
  const source = new EventSource('/stream.php');
</script>

HTML वेब वर्कर्स · HTML सुगम्यता · HTML वेब स्टोरेज · HTML SEO मूल बातें

1. अपने server से ज़रूरी 'text/event-stream' Content-Type header भेजना भूल जाना, जिससे connections fail हो जाते हैं।
2. दो-तरफा communication के लिए SSE इस्तेमाल करने की कोशिश करना जब असल में WebSockets चाहिए हों।
3. अपने server data outputs में double newline sequences छोड़ देना, जिससे browser updates parse नहीं कर पाता।

• Server-Sent Events (SSE) servers को सीधे webpages पर real-time updates push करने देते हैं।
• अपने scripts के अंदर EventSource object इस्तेमाल करके connections शुरू करें, और onmessage से updates सुनें।
• Browsers connection drops और auto-reconnection को natively handle करते हैं, जिसमें कोई custom fallback scripts नहीं चाहिए।

standard Server-Sent Events सभी modern web browsers द्वारा natively supported हैं।