您好,登錄后才能下訂單哦!
這篇文章將為大家詳細講解有關HTML中Server-Sent事件的使用方法,文章內容質量較高,因此小編分享給大家做個參考,希望大家閱讀完這篇文章后對相關知識有一定的了解。
Server-Sent 事件 - One Way Messaging
Server-Sent 事件指的是網頁自動從服務器獲得更新。
以前也可能做到這一點,前提是網頁不得不詢問是否有可用的更新。通過 Server-Sent 事件,更新能夠自動到達。
例如:Facebook/Twitter 更新、股價更新、新的博文、賽事結果,等等。
瀏覽器支持
表格中的數字指示完全支持 server-sent 事件的首個瀏覽器。
接收 Server-Sent 事件通知
EventSource 對象用于接收服務器發送事件通知:
實例
var source = new EventSource("demo_sse.php"); source.onmessage = function(event) { document.getElementById("result").innerHTML += event.data + "<br>"; };
例子解釋:
創建一個新的 EventSource 對象,然后規定發送更新的頁面的 URL(本例中是 "demo_sse.php")
每當接收到一次更新,就會發生 onmessage 事件
當 onmessage 事件發生時,把已接收的數據推入 id 為 "result" 的元素中
檢測 Server-Sent 事件支持
在 TIY 實例中,我們編寫了一段額外的代碼來檢測服務器發送事件的瀏覽器支持:
if(typeof(EventSource) !== "undefined") { // 是的!支持服務器發送事件! // 一些代碼..... } else { // 抱歉!不支持服務器發送事件! }
關于HTML中Server-Sent事件的使用方法就分享到這里了,希望以上內容可以對大家有一定的幫助,可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。