如何在 HTML 关闭连接后重新连接到 WebSocket?


创建套接字以重新建立连接。WebSocket 旨在保持打开状态。

你也可以使用让服务器关闭连接的方法。通过这种方法,WebSocket 将触发一个 onclose 事件,并且会不断尝试建立连接。

此外,当服务器再次侦听时,连接会自动恢复。

示例

你可以尝试运行以下代码重新连接到 WebSocket -

// Socket Variable declaration
var mySocket;
const socketMessageListener = (event) => {
   console.log(event.data);
};

// Open
const socketOpenListener = (event) => {
   console.log('Connected');
   mySocket.send('hello');
};

// Closed
const socketCloseListener = (event) => {
   if (mySocket) {
      console.error('Disconnected.');
   }
   mySocket = new WebSocket('ws://127.0.0.1:8080');
   mySocket.addEventListener('open', socketOpenListener);
   mySocket.addEventListener('message', socketMessageListener);
   mySocket.addEventListener('close', socketCloseListener);
};
socketCloseListener();

更新于: 25-6 月- 2020

4 千 + 浏览

开启你的职业生涯

完成课程,获得认证

开始
广告