WebSocket

WebSocket的來歷我就不說了本文直入主題：怎麼用WebSocket

根據readyState屬性可以判斷webSocket的連接狀態:

0:正在建立連接連接，還沒有完成

1:連接成功建立，可以進行通信

2:連接正在進行關閉握手，即將關閉

3:連接已經關閉或者根本沒有建立

 

接口路徑必須以ws或者wss開頭(ws不加密 wss加密)

舉個例子:

傳統ajax接口:http://127.0.0.1:8201/eleSubassemblyGroup/list/allTree

WebSocket接口:ws://127.0.0.1:8201/eleSubassemblyGroup/list/allTree

 

var ws = new WebSocket("wss://echo.websocket.org"); // 請求數據的接口
ws.onopen = function(evt) { // 連接建立觸發
    console.log("建立連接"); 
    var data = JSON.stringify({ // 要發送的數據(數據類型必須爲字符串)
        name: 'tom',
        age: 18,
        sex: true
    })
    ws.send(data);
    console.log('狀態:' + ws.readyState);
};

ws.onmessage = function(evt) { // 服務端返回數據觸發
    console.log("服務端返回數據:" + evt.data);
    console.log('狀態:' + ws.readyState);
    ws.close(); // 關閉連接
};

ws.onerror = function(evt) { // 通信發生錯誤觸發
    console.log("發生錯誤");
    console.log('狀態:' + ws.readyState);
};  

ws.onclose = function(evt) { // 連接關閉觸發
    console.log("連接關閉");
    console.log('狀態:' + ws.readyState);
};