HTML5 websocket學習

1.websocket簡介
實現客戶端與服務器的數據交換變得簡單,完成一次握手之後,可以直接進行數據傳輸,之前都是ajax輪詢,在一段時間間隔內,由瀏覽器向服務器發送http請求,然http請求會帶有很長的請求頭,有用的只是一小部分,會造成寬帶浪費。
在這裏插入圖片描述
瀏覽器通過 JavaScript 向服務器發出建立 WebSocket 連接的請求,連接建立以後,客戶端和服務器端就可以通過 TCP 連接直接交換數據。
當你獲取 Web Socket 連接後,你可以通過 send() 方法來向服務器發送數據,並通過 onmessage 事件來接收服務器返回的數據。
以下 API 用於創建 WebSocket 對象。

var Socket = new WebSocket(url, [protocol] );

第一個參數 url, 指定連接的 URL。第二個參數 protocol 是可選的,指定了可接受的子協議。
2.websocket事件
open---------建立連接
message------服務器向客戶端傳數據
error------通信發生錯誤
close-----連接關閉
3.websocket的方法
send-----使用連接發送數據
close----關閉連接
4.websocket的實例
客戶端向服務器發送一個特殊的http協議,帶有websocket的一個升級的http協議,服務器返回信息,這就建立好了連接
實例鏈接https://segmentfault.com/a/1190000011538416
參考來自:https://segmentfault.com/a/1190000011538416
http://www.runoob.com/html/html5-websocket.html

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章