多个参数用websocket 向io 服务器发送变量,一次发一个,并接收响应

发布于:2025-07-05 ⋅ 阅读:(13) ⋅ 点赞:(0)

问题:多个参数用websocket 向io 服务器发送变量,一次发一个,并接收响应,如果是多个变量,但还是需要一个个发送,应该怎么实现,思路是什么样子的呢?用数组的话,应该怎么用?

简述一下逻辑:

  1. 初始化 WebSocket 连接:建立与服务器的持久连接。
  2. 参数队列管理:将多个参数存入数组(队列)。
  3. 发送循环:通过递归或循环,每次从队列取出一个参数发送。
  4. 响应处理:在 onmessage 回调中处理服务器响应,然后触发下一个参数的发送。
// 初始化参数数组和WebSocket连接
const params = ['param1', 'param2', 'param3']; // 待发送的参数列表
let ws = new WebSocket('ws://your-server-url');
let currentIndex = 0; // 当前处理的参数索引

// WebSocket连接成功时触发
ws.onopen = () => {
  sendNextParam(); // 开始发送第一个参数
};

// 接收服务器响应
ws.onmessage = (event) => {
  console.log(`收到响应: ${event.data}`);
  // 处理当前响应后,继续发送下一个参数
  currentIndex++;
  sendNextParam();
};

// 错误处理
ws.onerror = (error) => {
  console.error('WebSocket错误:', error);
};

// 关闭处理
ws.onclose = () => {
  console.log('WebSocket连接已关闭');
};

// 发送下一个参数的函数
function sendNextParam() {
  if (currentIndex < params.length) {
    const param = params[currentIndex];
    console.log(`发送参数: ${param}`);
    ws.send(param); // 发送当前参数
  } else {
    console.log('所有参数已发送完毕');
    // 可选择在此关闭WebSocket连接
    // ws.close();
  }
}

关键点说明:

  • 参数队列:使用数组 params 存储所有待发送的参数。
  • 顺序控制:通过 currentIndex 跟踪当前发送的参数位置,确保按顺序发送。
  • 异步响应处理onmessage 回调中递增索引并调用 sendNextParam,保证每个响应处理完成后再发送下一个参数。
  • 边界条件:当所有参数发送完毕(currentIndex >= params.length)时停止发送。

网站公告

今日签到

点亮在社区的每一天
去签到