HTML5 伺服器傳送事件

2021-07-25 12:46:49 字數 681 閱讀 5044

html5 伺服器傳送事件(server-sent event)允許網頁獲得來自伺服器的更新。

1.server-sent 事件 - 單向訊息傳遞

server-sent 事件指的是網頁自動獲取來自伺服器的更新。

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

例子:facebook/twitter 更新、估價更新、新的博文、賽事結果等。

注意:所有主流瀏覽器均支援伺服器傳送事件,除了 internet explorer。

2.接收 server-sent 事件通知

eventsource 物件用於接收伺服器傳送事件通知:

if(typeof(eventsource)!=="undefined");}

else

例項解析:

3.eventsource 物件

在上面的例子中,我們使用 onmessage 事件來獲取訊息。不過還可以使用其他事件:

事件描述

onopen

當通往伺服器的連線被開啟

onmessage

當接收到訊息

onerror

當發生錯誤

HTML 5 伺服器傳送事件

原文 html5 伺服器傳送事件 server sent event 允許網頁獲得來自伺服器的更新。server sent 事件指的是網頁自動獲取來自伺服器的更新。以前也可能做到這一點,前提是網頁不得不詢問是否有可用的更新。通過伺服器傳送事件,更新能夠自動到達。例子 facebook twitter...

HTML 5 伺服器傳送事件

以前也可能做到這一點,前提是網頁不得不詢問是否有可用的更新。通過html5的伺服器傳送事件,能夠自動獲取更新。eventsource物件並不能夠自行設定重新整理時間,這依賴於瀏覽器的具體實現,比如在chrome中的重新整理時間是3秒,但是在firefox中重新整理時間為5秒 header conte...

HTML5 伺服器傳送事件 Server Send

server send事件指的是網頁自動獲取來自伺服器端的更新。以前也能做到這點,前提是網頁必須詢問是否有可用的更新。通過伺服器傳送事件,更新能夠自動送達。支援情況 除了ie瀏覽器外,其它主流瀏覽器勻支援伺服器傳送事件。在書寫 時,首先是檢測瀏覽器是否支援server send,如下 if type...