封装一套几乎通用的WebSocket代码 js
时间: 2023-12-22 22:18:40 浏览: 22
好的,以下是一个基本的 WebSocket 代码示例,可以用于大多数 JavaScript 应用程序:
```javascript
let socket;
function connect() {
const url = "ws://localhost:8080"; // WebSocket 服务器的 URL
socket = new WebSocket(url);
// 当连接打开时调用
socket.onopen = function(event) {
console.log("Websocket connected");
socket.send("Hello, server!"); // 发送消息到服务器
};
// 当收到消息时调用
socket.onmessage = function(event) {
console.log("Received message: ", event.data);
};
// 当发生错误时调用
socket.onerror = function(error) {
console.error("WebSocket error: ", error);
};
// 当连接关闭时调用
socket.onclose = function(event) {
console.log("WebSocket closed");
};
}
// 发送消息到服务器
function send(message) {
if (socket.readyState === WebSocket.OPEN) {
socket.send(message);
} else {
console.error("Websocket is not open");
}
}
// 关闭连接
function close() {
socket.close();
}
```
在此示例中,我们定义了一个 `connect()` 函数,用于连接到 WebSocket 服务器。当 WebSocket 连接建立时,我们将发送一条消息到服务器,并设置四个事件处理程序:
- `onopen`:当连接打开时触发,可以在此处发送消息到服务器。
- `onmessage`:当收到消息时触发。
- `onerror`:当 WebSocket 发生错误时触发。
- `onclose`:当连接关闭时触发。
我们还定义了一个 `send()` 函数,用于向 WebSocket 服务器发送消息。如果 WebSocket 连接已打开,则将消息发送到服务器;否则,将显示错误消息。我们还定义了一个 `close()` 函数,用于关闭 WebSocket 连接。
最后,您可以通过调用 `connect()` 函数来连接到 WebSocket 服务器。
希望这个示例可以帮助您开始使用 WebSocket。如果您需要更多帮助,请告诉我。