HTML5–WebSocket API

1.瀏覽器檢測websocket相容性

if(window.WebSocket){   console.log('支援')}else{   console.log('去死')}

2.websocket的對象建立與通訊連接埠串連

var url = 'ws://localhost:8080/test';   //ws://首碼表示websocket串連，wss://表示安全的websocket串連var socket = new WebSocket(url);

3.websocket對象事件（監聽，發送，關閉）websocket編程遵循非同步編程模型，開啟socket不需要主動向伺服器發送請求，只需要等待事件發生後調用它的回呼函數

//使用open事件雙方握手socket.open = function (){  console.log('open');  socket.send('hello  server'); //使用send事件發送訊息}

//使用onmessage事件監聽server端的響應資訊socket.onmessage = function (e){  console.log(e.data);}

//使用onclose關閉此通訊socket.onclose = function (){    console.log('this socket is closed');}

在socket開啟狀態中，可以使用send函數推送資料到serversocket.send("hello server i'm conming again")