参考:https://blog.csdn.net/linysuccess/article/details/109223712
配合上篇文章,代码如下:
<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <meta name="viewport"content="width=device-width, initial-scale=1.0"> <title>WebSocket测试</title> <script> functioninitWebSocket(wsUri) { varwebsocket = newWebSocket(wsUri); websocket.onopen = function(evt) { console.log('连接建立中... '+wsUri); }; websocket.onclose = function(evt) { console.log('连接关闭中...', evt); }; websocket.onmessage = function(evt) { console.log('收到来自服务端的消息:', evt.data); }; websocket.onerror = function(evt) { console.log('发生错误...', evt); }; returnwebsocket; } //在此配置 websocket 的地址 varwebsocket =initWebSocket("ws://localhost:8020/ws"); varmsg, i = 0; varloop =setInterval(function(){ msg = "Hello " +(i++); if(websocket.readyState ==WebSocket.OPEN) { websocket.send(msg); console.log('已发送消息:' +msg); } else{ clearInterval(loop); console.log('连接已关闭,拜拜~'); } }, 3000); </script> </head> <body>请按 F12 打开控制台查看消息 </body> </html>