HTML5服務(wù)器發(fā)送事件實例分析

本篇內(nèi)容介紹了“HTML5服務(wù)器發(fā)送事件實例分析”的有關(guān)知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細閱讀，能夠?qū)W有所成！

    HTML5服務(wù)器發(fā)送事件（server-sentevent）允許網(wǎng)頁獲得來自服務(wù)器的更新。

    Server-Sent事件-單向消息傳遞

    Server-Sent事件指的是網(wǎng)頁自動獲取來自服務(wù)器的更新。

    以前也可能做到這一點，前提是網(wǎng)頁不得不詢問是否有可用的更新。通過服務(wù)器發(fā)送事件，更新能夠自動到達。

    例子：Facebook/Twitter更新、股價更新、新的博文、賽事結(jié)果等。

    瀏覽器支持

    InternetExplorerFirefoxOperaGoogleChromeSafari

    所有主流瀏覽器均支持服務(wù)器發(fā)送事件，除了InternetExplorer。

    接收Server-Sent事件通知

    EventSource對象用于接收服務(wù)器發(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ā)生時，把已接收的數(shù)據(jù)推入id為"result"的元素中

“HTML5服務(wù)器發(fā)送事件實例分析”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注億速云網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實用文章！