WebSocket-demo
阿新 • • 發佈:2018-11-15
ech 正在 git tar devel cal error tree 數據
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Websocket demo</title> </head> <body> <dl> <dt>參考文檔</dt> <dd><ahref="http://www.ruanyifeng.com/blog/2017/05/websocket.html" target="_blank">WebSocket 教程 - 阮一峰</a></dd> <dd><a href="https://developer.mozilla.org/en-US/docs/Web/API/WebSocket" target="_blank">WebSocket參考文檔</a></dd> <dd><a href="https://github.com/joewalnes/websocketd"target="_blank">WebSocket 服務器 - websocketd(後臺腳本不限語言)</a></dd> <dd><a href="https://github.com/joewalnes/websocketd/tree/master/examples" target="_blank">WebSocket 服務器 - websocketd(examples)</a></dd> <dd><a href="https://github.com/joewalnes/web-vmstats" target="_blank">WebSocket 瀏覽器實時展示服務器狀態的案例(for Linux)</a></dd> </dl> <script> // 1.創建 WebSocket 對象 var socket = new WebSocket("wss://echo.websocket.org"); console.log(socket.readyState) //0 - 連接尚未建立 //2.連接打開時觸發 socket.onopen = function (event) { console.log(socket.readyState) //1 - 連接已建立,可以進行通信 // 向服務器發送數據的方法(將要發送的數據放入隊列) socket.send("Hello WebSockets!"); console.log(‘隊列中等待傳輸的 UTF-8 文本字節數‘, socket.bufferedAmount) //隊列中等待傳輸的 UTF-8 文本字節數。 }; //3.客戶端接收服務端數據時觸發 socket.onmessage = function (event) { // 接收服務器返回的數據 console.log("Received Message: " + event.data); // 關閉連接的方法 socket.close(); console.log(socket.readyState) //2 - 連接正在關閉 }; //4.通信發生錯誤時觸發 socket.onerror = function (event) { console.log(socket.readyState) //3 - 連接已經關閉 }; //5.連接關閉時觸發 socket.onclose = function (event) { console.log(socket.readyState) //3 - 連接已經關閉 }; </script> </body> </html>
WebSocket-demo