websocket前端实现代码
时间: 2023-08-01 22:14:27 浏览: 46
以下是一个基本的 WebSocket 前端实现代码:
```javascript
// 创建 WebSocket 连接
const socket = new WebSocket('ws://localhost:8080');
// 连接打开时触发
socket.onopen = () => {
console.log('WebSocket 连接已打开');
// 在此处可以发送消息给服务器
socket.send('Hello Server!');
};
// 接收到服务器发送的消息时触发
socket.onmessage = (event) => {
console.log(`接收到服务器消息:${event.data}`);
};
// 连接关闭时触发
socket.onclose = () => {
console.log('WebSocket 连接已关闭');
};
// 发生错误时触发
socket.onerror = (error) => {
console.error(`WebSocket 错误:${error}`);
};
```
在上面的代码中,我们首先创建了一个 WebSocket 连接,并指定了服务器的地址。然后,我们监听了 `onopen`、`onmessage`、`onclose` 和 `onerror` 四个事件。当连接打开时,我们可以在 `onopen` 回调函数中发送消息给服务器;当接收到服务器发送的消息时,我们可以在 `onmessage` 回调函数中处理消息;当连接关闭时,我们可以在 `onclose` 回调函数中进行善后工作;当发生错误时,我们可以在 `onerror` 回调函数中处理错误。