HTML中Server-Sent事件的使用方法

這篇文章將為大家詳細講解有關HTML中Server-Sent事件的使用方法，文章內(nèi)容質(zhì)量較高，因此小編分享給大家做個參考，希望大家閱讀完這篇文章后對相關知識有一定的了解。

Server-Sent 事件 - One Way Messaging

Server-Sent 事件指的是網(wǎng)頁自動從服務器獲得更新。

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

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

瀏覽器支持

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

接收 Server-Sent 事件通知

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

實例

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

例子解釋：

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

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

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

檢測 Server-Sent 事件支持

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

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

關于HTML中Server-Sent事件的使用方法就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。