Server-Sent 事件 - One Way Messaging

Server-Sent 事件指的是網(wǎng)頁自動(dòng)從服務(wù)器獲得更新。 ( 推薦學(xué)習(xí)：html教程 )

以前也可能做到這一點(diǎn)，前提是網(wǎng)頁不得不詢問是否有可用的更新。通過 Server-Sent 事件，更新能夠自動(dòng)到達(dá)。

例如：Facebook/Twitter 更新、股價(jià)更新、新的博文、賽事結(jié)果，等等。

瀏覽器支持

表格中的數(shù)字指示完全支持 server-sent 事件的首個(gè)瀏覽器。

接收 Server-Sent 事件通知

EventSource 對象用于接收服務(wù)器發(fā)送事件通知：

實(shí)例

var source = new EventSource("demo_sse.php");source.onmessage = function(event) {    document.getElementById("result").innerHTML += event.data + "<br>";};

例子解釋：

創(chuàng)建一個(gè)新的 EventSource 對象，然后規(guī)定發(fā)送更新的頁面的 URL（本例中是 "demo_sse.php"）

每當(dāng)接收到一次更新，就會(huì)發(fā)生 onmessage 事件

當(dāng) onmessage 事件發(fā)生時(shí)，把已接收的數(shù)據(jù)推入 id 為 "result" 的元素中

檢測 Server-Sent 事件支持

在 TIY 實(shí)例中，我們編寫了一段額外的代碼來檢測服務(wù)器發(fā)送事件的瀏覽器支持：

if(typeof(EventSource) !== "undefined") {    // 是的！支持服務(wù)器發(fā)送事件！    // 一些代碼.....} else {    // 抱歉！不支持服務(wù)器發(fā)送事件！}

以上就是HTML Server-Sent 事件的詳細(xì)內(nèi)容，更多請關(guān)注 其它相關(guān)文章！

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請第一時(shí)間聯(lián)系我們修改或刪除，多謝。