您好,登錄后才能下訂單哦!
本篇內容主要講解“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ù)學習!
免責聲明:本站發(fā)布的內容(圖片、視頻和文字)以原創(chuàng)、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。