WebSocket 双向通信

yqcoder2024-07-11 13:37

WebSocket 是一种在前端开发中用于实现双向通信的网络技术。它与传统的 HTTP 请求-响应模式不同，允许客户端和服务器之间实时、双向的数据传输。

1. 实时性

能够实现数据的即时推送和接收，无需轮询服务器，大大降低了延迟。

2. 双向通信

客户端和服务器都可以随时主动发送数据给对方。

3. 低开销

相比于频繁的 HTTP 请求，减少了不必要的头部信息和连接建立/关闭的开销。

4. 实现

javascript 复制代码

// 创建 WebSocket 连接

let socket = new WebSocket("ws://example.com/socket");



// 处理连接事件

socket.onopen = function (event) {

  // 连接建立时的处理逻辑

};

socket.onclose = function (event) {

  // 连接关闭时的处理逻辑

};



// 发送和接收数据

socket.send("数据");

socket.onmessage = function (event) {

  let data = event.data;

  // 处理接收到的数据

};