原生js使用websocket
时间: 2024-02-25 18:50:37 浏览: 25
原生 JavaScript 中使用 WebSocket 可以通过 WebSocket API 来实现。下面是使用原生 JavaScript 创建和使用 WebSocket 的基本步骤:
1. 创建 WebSocket 对象:使用 `new WebSocket(url)` 创建一个 WebSocket 对象,其中 `url` 是 WebSocket 服务器的地址。
```javascript
var socket = new WebSocket("ws://example.com/socket");
```
2. 监听事件:WebSocket 对象有几个事件可以监听,包括连接建立、消息接收、连接关闭等。
- `onopen`:当连接成功建立时触发。
- `onmessage`:当接收到服务器发送的消息时触发。
- `onclose`:当连接关闭时触发。
- `onerror`:当发生错误时触发。
```javascript
socket.onopen = function() {
console.log("连接已建立");
};
socket.onmessage = function(event) {
var message = event.data;
console.log("接收到消息:" + message);
};
socket.onclose = function() {
console.log("连接已关闭");
};
socket.onerror = function(error) {
console.log("发生错误:" + error);
};
```
3. 发送消息:使用 `send(data)` 方法向服务器发送消息。
```javascript
socket.send("Hello, server!");
```
4. 关闭连接:使用 `close()` 方法关闭 WebSocket 连接。
```javascript
socket.close();
```
这是原生 JavaScript 使用 WebSocket 的基本流程。你可以根据具体需求进行扩展和处理不同的事件。如果需要更高级的功能,也可以考虑使用第三方库,如 Socket.io。