js 连接websocket

// 创建 WebSocket 连接
const socket = new WebSocket('ws://example.com/socket');

// 当连接成功时触发
socket.addEventListener('open', function (event) {
    // 发送数据到服务器
    socket.send('Hello Server!');
});

// 当从服务器接收到消息时触发
socket.addEventListener('message', function (event) {
    console.log('Message from server ', event.data);
});

// 当连接关闭时触发
socket.addEventListener('close', function (event) {
    console.log('Server connection closed');
});

// 当出现错误时触发
socket.addEventListener('error', function (event) {
    console.error('WebSocket error observed:', event);
});

解释说明：

1. 创建 WebSocket 连接：使用 new WebSocket(url) 创建一个新的 WebSocket 连接，url 是 WebSocket 服务器的地址。
2. 连接成功事件：通过 addEventListener('open', ...) 监听连接成功的事件，并在连接成功后可以发送数据给服务器。
3. 接收消息事件：通过 addEventListener('message', ...) 监听从服务器接收到的消息，并处理这些消息。
4. 连接关闭事件：通过 addEventListener('close', ...) 监听连接关闭的事件，可以在连接关闭时执行一些清理操作。
5. 错误事件：通过 addEventListener('error', ...) 监听连接过程中可能出现的错误，并进行相应的错误处理。