WebSocket是HTML5開始提供的一種單個TCP連接上進行全雙工通訊的協議。在WebSocket API中,瀏覽器和伺服器只需要做一個握手的動作,然後,瀏覽器和伺服器之間就形成了一條快速通道。兩者之間就直接可以數據相互傳送。瀏覽器通過JavaScript向伺服器發出建立WebSocket連接的 ...
WebSocket是HTML5開始提供的一種單個TCP連接上進行全雙工通訊的協議。
在WebSocket API中,瀏覽器和伺服器只需要做一個握手的動作,然後,瀏覽器和伺服器之間就形成了一條快速通道。兩者之間就直接可以數據相互傳送。
瀏覽器通過JavaScript向伺服器發出建立WebSocket連接的請求,連接建立以後,客戶端和伺服器之間就可以通過TCP連接直接交換數據。
當你獲取Web Socket連接後,你可以通過send()方法來向伺服器發送數據,並通過onmessage事件來接受伺服器返回的數據。
以下api用於創建WebSocket對象。
var socket = new WebSocket(url,[protocol]);
以上代碼中第一個參數url,指定鏈接的URL。第二個參數protocol是可選的,指定了可接受的子協議。
WebSocket 屬性
以下是WebSocket對象的屬性。假定我們使用了以上代碼創建了socket對象:
Socket.readyState 只讀屬性readyState表示連接狀態,可以是以下值:
1. 0-表示連接尚未建立。
2. 1-表示鏈接已經建立,可以進行通行。
3. 2-表示連接正在進行關閉。
4. 3-表示連接已經關閉或者連接不能打開。
Socket.bufferedAmount 只讀butteredAmount已經send()放入正在隊列中等待傳輸,但是還沒有發出的UTF-8文本位元組數。
WebSocket事件
以下是WebSocket對象的相關事件。假定我們使用了創建的socket:
事件:open message error close
事件處理程式:Socket.onopen Socket.onmessage Socket.onerror Socket.onclose
描述:連接建立觸發 客戶端接受伺服器端數據時觸發 通信發生錯誤時觸發 連接關閉時觸發
WebSocket方法
以下是WebSocket對象的相關方法。假定我們使用了以上代碼創建Socket對象:
方法: Socket.send() Socket.close()
描述: 使用連接發送數據 關閉連接