js与websocket交互
时间: 2023-08-12 13:06:04 浏览: 172
在 JavaScript 中与 WebSocket 进行交互可以使用 WebSocket API。该 API 包含以下对象和方法:
1. WebSocket 对象:表示与服务器建立的 WebSocket 连接。
2. WebSocket.onopen 方法:当与服务器建立连接时触发的事件句柄。
3. WebSocket.onmessage 方法:当从服务器接收到消息时触发的事件句柄。
4. WebSocket.send 方法:向服务器发送消息。
以下是一个使用 WebSocket API 进行交互的示例:
```javascript
// 建立 WebSocket 连接
const socket = new WebSocket('ws://localhost:8080');
// 当连接建立时
socket.onopen = function(event) {
console.log('WebSocket 连接已建立');
// 发送消息
socket.send('Hello, WebSocket!');
};
// 当接收到消息时
socket.onmessage = function(event) {
console.log('接收到消息:', event.data);
};
// 当连接关闭时
socket.onclose = function(event) {
console.log('WebSocket 连接已关闭');
};
```
在上述示例中,我们首先创建了一个 WebSocket 对象并指定连接的 URL。当连接建立时,我们发送了一条消息。当从服务器收到消息时,我们将其打印到控制台上。当连接关闭时,我们也将其打印到控制台上。
需要注意的是,WebSocket 连接的 URL 必须以 `ws://` 或 `wss://` 开头,分别表示非加密和加密的连接。 在服务器端,你需要使用 WebSocket 相应的库来处理客户端发来的 WebSocket 请求。常见的有如下几个:
- Node.js:ws、socket.io、uws
- Java:Jetty、Tomcat
- Python:Tornado、gevent、Twisted
- Ruby:EM-WebSocket、faye-websocket
以上是 WebSocket 与 JavaScript 的基本使用方法,具体实现需根据具体情况而定。
阅读全文