最后為我們的e截個圖：更加靈活的運用，該api還可以更厲害的運用，我們可以傳遞函數名什么的，反正可做很多事情了。web sockets 通信 web sockets 是HTML5提供的在web應用程序中客戶端與服務器端之間進行非HTTP的通信機制他實現了http不容易實現的服務器的數據推送等智能通信技術，因此受到了很高的關注。使用web sockes api 可以在服務器端與客戶端建立非HTTP的雙向連接，這個連接是實時的也是永久的，除非顯式關閉這意味著當服務器想向客戶端發送數據時，可以立即將數據推送到客戶瀏覽器中，無需重新建立連接。只要客戶端有一個被打開的socket并且與服務器建立了連接，服務器就可以將數據推送到這個socket上，服務器不再需要輪詢客戶端請求，化被動為主動。web sockets api
復制代碼代碼如下: var webSocket = new WebSocket('ws://localhost:8005/socket'); url必須使用ws或者wss（加密）作為頭,這個url設定好后，在javascript腳本中可以通過訪問websocket對象的url來重新獲取 通信建立連接后，就可以雙向通信了，使用websocket對象的send方法加json數據便可將任何形式數據傳往服務器： /p p webSocket.send(msg); 通過onmessage事件來接收服務器傳送過來數據： webSocket.onmessage = function (e) { var data = e.data; }; 通過onopern事件監聽socket打開事件： webSocket.onopen = function (e) { }; 通過onclose監聽socket關閉事件： webSocket.onclose = function (e) {}; 通過webSocket.close()方法關閉socket連接； /p p 通過readyState屬性獲取websocket對象狀態： CONNECTION 0 正在連接 OPEN 1 已經連接 CLOSING 2 正在關閉 CLOSE 2 已經關閉
復制代碼代碼如下: // 創建一個Socket實例 var socket = new WebSocket('ws://localhost:8080'); /p p // 打開Socket socket.onopen = function(event) { /p p // 發送一個初始化消息 socket.send('I am the client and I/'m listening!'); /p p // 監聽消息 socket.onmessage = function(event) { console.log('Client received a message',event); }; /p p // 監聽Socket的關閉 socket.onclose = function(event) { console.log('Client notified socket has closed',event); }; /p p // 關閉Socket.... //socket.close() }; html教程
