JavaScript教程：深入理解长轮询技术-优快云博客

本文链接：https://blog.youkuaiyun.com/gitblog_00881/article/details/148574878

JavaScript教程：深入理解长轮询技术

ru.javascript.info Современный учебник JavaScript 项目地址: https://gitcode.com/gh_mirrors/ru/ru.javascript.info

什么是长轮询

长轮询(Long Polling)是一种实现服务器与客户端实时通信的简单技术，它不需要使用WebSocket或Server-Sent Events等特殊协议。这种技术易于实现，适用于多种实时通信场景。

传统轮询的局限性

在讨论长轮询之前，我们先看看传统的轮询方式：

客户端定期(如每10秒)向服务器发送请求
服务器每次响应时返回当前累积的所有消息
客户端处理响应后等待下一次轮询

这种简单轮询存在明显缺点：

消息延迟可能高达轮询间隔时间(如10秒)
即使没有消息，客户端也会持续发送请求，造成服务器资源浪费
对于大规模应用，这种频繁的无用请求会给服务器带来巨大压力

长轮询的工作原理

长轮询改进了传统轮询的缺点，其工作流程如下：

客户端发起一个HTTP请求到服务器
服务器保持连接打开，直到有实际数据可发送
当有新消息时，服务器立即响应
客户端处理响应后立即发起新的请求

这种机制确保了消息几乎可以实时传递，同时减少了不必要的网络请求。

客户端实现示例

下面是一个典型的长轮询客户端实现代码：

async function subscribe() {
  try {
    let response = await fetch("/subscribe");
    
    if (response.status === 502) {
      // 连接超时，重新连接
      await subscribe();
    } else if (response.status !== 200) {
      // 显示错误并稍后重试
      showError(response.statusText);
      await new Promise(resolve => setTimeout(resolve, 1000));
      await subscribe();
    } else {
      // 处理成功响应
      let message = await response.text();
      showMessage(message);
      // 立即发起下一个请求
      await subscribe();
    }
  } catch (error) {
    // 处理网络错误
    showError("网络连接错误");
    await new Promise(resolve => setTimeout(resolve, 1000));
    await subscribe();
  }
}

// 启动长轮询
subscribe();

这段代码展示了长轮询的核心模式：递归调用自身以保持持续连接。