1. 程式人生 > >web前端學習(二)html學習筆記部分(8)--服務器推送事件3

web前端學習(二)html學習筆記部分(8)--服務器推送事件3

tcp event tex 適用於 表示 前端 增加 pen 傳輸

1.2.22 html5服務器推送事件

1.2.22.1 html5服務器推送事件介紹

  服務器推送事件(Server-sent Events)是HTML5規範中的一個組成部分,可以用來從服務器端實時推送數據到瀏覽器端。

  傳統的服務器端推送數據技術:Websocket:WebSocket規範是HTML5中的一個重要組成部分,已經被很多主流瀏覽器所支持,也有不少基於WebSocket開發的應用。正如名稱所表示的一樣,WebSocket使用的是套接字鏈接,基於TCP協議。使用WebSocket之後,實際上在服務器端和瀏覽器之間建立起一個套接字連接,可以進行雙向的數據傳輸。WebSocket的功能是很強大的,使用起來靈活,可以適用於不同的場景。不過WebSocket技術也比較復雜,包括服務器端和瀏覽器端的實現都不同於一般的web應用。

  HTTP協議:簡易輪詢,即瀏覽器端定時向服務器端發出請求,來查詢是否有數據更新。這種做法比較簡單,可以在一定程度上解決問題。不過對於輪詢的時間間隔需要進行仔細考慮。輪詢的間隔過長,會導致用戶不能及時接收得到更新的數據;輪詢的時間過短,會導致查詢請求過多,增加服務器的負擔。

1.2.22.2 html5服務器推送事件實現

  服務器代碼頭:

  header(‘Content-Type:text/event-stream‘);

  EventSource事件:

  onopen事件:服務器鏈接被打開

  onmessage事件:接受消息

  onerror:錯誤發生

代碼記錄

web前端學習(二)html學習筆記部分(8)--服務器推送事件3