Chrome在Connection关闭时无法处理XMLHttpRequest响应问题咨询

阿华AIGC实验室

2026-5-15

Chrome在Keep-Alive连接关闭时返回XHR状态码0的原因及解决方法

这个问题我之前也碰到过，Chrome对HTTP持久连接（Keep-Alive）的关闭处理逻辑确实和其他浏览器有差异，尤其是在复用XMLHttpRequest实例的场景下。

核心原因分析

复用XHR实例的兼容性问题：你的代码里一直在复用同一个this._request实例，虽然XHR规范允许复用实例（重新调用open和send），但Chrome的网络栈在处理服务器发送的Connection: close头部时，会立即终止TCP连接，而复用的XHR实例无法正确处理这种连接主动关闭的场景，导致请求直接失败，返回状态码0且无响应文本。其他浏览器（Firefox/Safari/Opera）在这种情况下会更宽松地处理复用实例，允许完成最后一次响应的解析。
Chrome对连接关闭的严格校验：当服务器在第10次响应中发送Connection: close时，Chrome会立即标记该连接为不可用，即使当前请求的响应还在传输过程中，也会终止XHR的处理流程，直接触发error事件或者将readyState设为DONE但状态码为0。而其他浏览器会等待当前响应完全接收后再关闭连接，所以能正常获取响应内容。

解决方案

针对这个问题，有几个可行的修复方向：

1. 每次请求创建新的XHR实例

不要再复用同一个this._request，每次调用send方法时都创建新的XMLHttpRequest对象。这样可以避免旧实例的连接状态影响新请求，Chrome就能正确处理每次请求的连接生命周期：

function send(method, data) {
  try {
    const request = new XMLHttpRequest();
    request.onreadystatechange = (event) => {
      switch (request.readyState) {
        case XMLHttpRequest.OPENED: {
          // Do something
        }
        break;
        case XMLHttpRequest.LOADING: {
          // Do something
        }
        break;
        case XMLHttpRequest.DONE: {
          // 处理响应，包括状态码0的情况
          if (request.status === 0) {
            // 可以在这里重试请求或者提示用户
          } else {
            // 正常处理响应
          }
        }
        break;
      }
    };
    request.addEventListener('error', (event) => {
      // Do something
    });
    request.addEventListener('abort', (event) => {
      // Do something
    });
    request.open(String(method), this.path);
    request.timeout = 200;
    // 设置请求头部等初始化操作
    request.send(data);
    // 如果需要保存实例，可以把request赋值给this._request，但每次请求都替换
    this._request = request;
  } catch (error) {}
}