目前實時Web應用的實現方式，大部分是圍繞輪詢和其他服務器端推送技術展開的，其中最著名的是Comet。Comet技術可以讓服務器主動以異步方式向客戶端推送數據。

使用輪詢時，瀏覽器定期發送HTTP請求，并隨即接收響應；使用長輪詢時，瀏覽器向服務器發送一個請求，服務器會在一段時間內將其保持在打開狀態；使用流解決方案時，瀏覽器會發送一個完整的HTTP請求，但服務器會發送并保持一個處于打開狀態的響應，該響應持續更新并無限期處于打開狀態。

上述的三個方法，在發送實時數據時都會涉及到HTTP請求和響應包頭，且包含大量額外的、不必要的報頭數據，會造成傳輸延遲。

一、解讀HTML5 WebSockets

1、WebSocket握手

為了建立WebSocket通信，客戶端和服務器在初始握手時，將HTTP協議升級到WebSocket協議。一旦連接建立成功，就可以在全雙工模式下在客戶端和服務器之間來回傳送WebSocket消息。

二、HTML5 WebSockets API

本節討論HTML5 WebSockets的使用方法

1、檢測瀏覽器是否支持

通過window.WebSocket來判斷瀏覽器是否支持。

2、API的基本用法

a. WebSocket對象的創建以及與WebSocket服務器的連接

代碼如下:

url = "ws://localhost:8080/echo";

ws = new WebSocket(url);

b. 添加事件監聽器

WebSocket遵循異步編程模型，打開socket后，只需等待事件發生，而不需主動向服務器輪詢，因此需要添加回調函數來監聽事件。

WebSocket對象有三個事件：open、close和message。當連接建立時觸發open事件，當收到消息時觸發message事件，當WebSocket連接關閉時觸發close事件。

代碼如下:

ws.onopen = function(){

log("open");

}

ws.onmessage = function(){

log(e.data);

}

ws.onclose = function(){

log("closed");

}

c. 發送消息

當socket處于打開狀態（即調用onopen監聽程序之后，調用onclose監聽程序之前），可以使用send方法發送消息。

ws.send("Hello World");

總結

以上是生活随笔為你收集整理的HTML5 API详解（16）:web socket 全双工通信的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。