新聞中心
這篇文章將為大家詳細講解有關HTML中Server-Sent事件的使用方法,文章內(nèi)容質(zhì)量較高,因此小編分享給大家做個參考,希望大家閱讀完這篇文章后對相關知識有一定的了解。
Server-Sent 事件 - One Way Messaging
Server-Sent 事件指的是網(wǎng)頁自動從服務器獲得更新。
以前也可能做到這一點,前提是網(wǎng)頁不得不詢問是否有可用的更新。通過 Server-Sent 事件,更新能夠自動到達。
例如:Facebook/Twitter 更新、股價更新、新的博文、賽事結果,等等。
瀏覽器支持
表格中的數(shù)字指示完全支持 server-sent 事件的首個瀏覽器。
接收 Server-Sent 事件通知
EventSource 對象用于接收服務器發(fā)送事件通知:
實例
var source = new EventSource("demo_sse.php"); source.onmessage = function(event) { document.getElementById("result").innerHTML += event.data + "
"; };
例子解釋:
創(chuàng)建一個新的 EventSource 對象,然后規(guī)定發(fā)送更新的頁面的 URL(本例中是 "demo_sse.php")
每當接收到一次更新,就會發(fā)生 onmessage 事件
當 onmessage 事件發(fā)生時,把已接收的數(shù)據(jù)推入 id 為 "result" 的元素中
檢測 Server-Sent 事件支持
在 TIY 實例中,我們編寫了一段額外的代碼來檢測服務器發(fā)送事件的瀏覽器支持:
if(typeof(EventSource) !== "undefined") { // 是的!支持服務器發(fā)送事件! // 一些代碼..... } else { // 抱歉!不支持服務器發(fā)送事件! }
關于HTML中Server-Sent事件的使用方法就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。
本文題目:HTML中Server-Sent事件的使用方法-創(chuàng)新互聯(lián)
瀏覽路徑:http://www.ef60e0e.cn/article/djcocg.html