在 HTML 中断开连接后如何重新连接到 Websocket?


重新创建 Socket 以重新连接它。Websockets 被设计为保持打开状态。 

你也可以使用该方法让服务器关闭连接。通过此方法,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();

更新于: 2020-06-25

4K+ 浏览

开启你的 事业

完成课程以获得认证

开始学习
广告