溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

HTML中Server-Sent事件的用法

發(fā)布時間:2021-08-07 16:58:57 來源:億速云 閱讀:134 作者:chen 欄目:開發(fā)技術

本篇內容主要講解“HTML中Server-Sent事件的用法”,感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷,實用性強。下面就讓小編來帶大家學習“HTML中Server-Sent事件的用法”吧!

Server-Sent 事件允許網頁從服務器獲得更新。

Server-Sent 事件 - One Way Messaging

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

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

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

瀏覽器支持

表格中的數字指示完全支持 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ā)生時,把已接收的數據推入 id 為 "result" 的元素中

檢測 Server-Sent 事件支持

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

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

到此,相信大家對“HTML中Server-Sent事件的用法”有了更深的了解,不妨來實際操作一番吧!這里是億速云網站,更多相關內容可以進入相關頻道進行查詢,關注我們,繼續(xù)學習!

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內容(圖片、視頻和文字)以原創(chuàng)、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI