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

作為一家“創(chuàng)意+整合+營銷”的成都網(wǎng)站建設(shè)機(jī)構(gòu)，我們在業(yè)內(nèi)良好的客戶口碑。成都創(chuàng)新互聯(lián)公司提供從前期的網(wǎng)站品牌分析策劃、網(wǎng)站設(shè)計、網(wǎng)站設(shè)計制作、成都網(wǎng)站設(shè)計、創(chuàng)意表現(xiàn)、網(wǎng)頁制作、系統(tǒng)開發(fā)以及后續(xù)網(wǎng)站營銷運營等一系列服務(wù)，幫助企業(yè)打造創(chuàng)新的互聯(lián)網(wǎng)品牌經(jīng)營模式與有效的網(wǎng)絡(luò)營銷方法,創(chuàng)造更大的價值。

Server-Sent 事件 - One Way Messaging

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

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

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

瀏覽器支持

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

接收 Server-Sent 事件通知

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

實例

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

例子解釋：

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

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

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

檢測 Server-Sent 事件支持

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

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

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

分享標(biāo)題：HTML中Server-Sent事件的使用方法-創(chuàng)新互聯(lián)
網(wǎng)頁路徑：http://weahome.cn/article/djcocg.html