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

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

Server-Sent 事件 - One Way Messaging

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

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

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

瀏覽器支持

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

接收 Server-Sent 事件通知

EventSource 對(duì)象用于接收服務(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 對(duì)象，然后規(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ā)送事件！
}

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

分享標(biāo)題：HTML中Server-Sent事件的使用方法-創(chuàng)新互聯(lián)
本文來源：http://www.chinadenli.net/article26/djcocg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供靜態(tài)網(wǎng)站、Google、軟件開發(fā)、域名注冊(cè)、企業(yè)建站、商城網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)