WebSocket用js如何使用
时间: 2024-04-11 21:33:12 浏览: 7
WebSocket 是一种在客户端和服务器之间建立持久连接的协议,可以实现实时通信。在 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) {
console.log("收到消息:" + event.data);
};
socket.onclose = function(event) {
console.log("连接已关闭");
};
socket.onerror = function(error) {
console.log("连接错误:" + error);
};
```
3. 发送和接收消息:可以使用 `send()` 方法发送消息,`event.data` 获取服务器发送的消息。
```javascript
// 发送消息
socket.send("Hello, server!");
// 接收消息
socket.onmessage = function(event) {
console.log("收到消息:" + event.data);
};
```
4. 关闭连接:可以使用 `close()` 方法关闭 WebSocket 连接。
```javascript
socket.close();
```
需要注意的是,由于安全策略限制,WebSocket 只能与相同域名下的服务器进行通信,否则需要进行跨域设置。另外,不同浏览器对 WebSocket 的支持程度可能有所不同,建议使用现代浏览器进行开发。