如何在jQuery Ajax中捕获readyState=0错误并屏蔽控制台网络报错？

你遇到的这个问题，根源是net::ERR_INTERNET_DISCONNECTED属于浏览器底层网络错误——这类错误是浏览器在请求无法发送到服务器时直接输出到控制台的，jQuery的error回调只能处理请求层面的逻辑，但没法阻止浏览器本身记录这个底层错误。不过可以通过以下两种方式处理：

方案一：改用Fetch API替代jQuery请求 #

Fetch API的错误处理机制更灵活，结合try/catch可以捕获这类网络错误，且不会让浏览器抛出未捕获的错误：

async function fetchFiles() {
  try {
    const response = await fetch('/files');
    if (!response.ok) {
      throw new Error(`HTTP错误！状态码：${response.status}`);
    }
    const data = await response.json(); // 根据实际数据类型调整，比如text()
    update(data);
  } catch (error) {
    // 判断是否为网络错误
    if (error.name === 'TypeError' && error.message.includes('Failed to fetch')) {
      $('#files, #upload').css('display', 'none');
      $('#offline').css('display', 'inline-block');
    } else {
      console.error(error);
    }
  }
}

// 发起请求
fetchFiles();

function update(data) {
    // 处理返回数据
}

这种方式下，断网时的网络错误会被catch块捕获，不会在控制台产生未处理的错误提示，同时能正常执行离线显示逻辑。

方案二：全局捕获并过滤特定错误（适配jQuery场景） #

如果不想替换jQuery，可以通过全局错误监听过滤掉这个特定错误，但要注意不要误过滤其他有用的错误信息：

// 全局错误监听，过滤目标错误
window.addEventListener('error', function(e) {
  if (e.message.includes('net::ERR_INTERNET_DISCONNECTED')) {
    e.preventDefault(); // 阻止错误输出到控制台
  }
});

// 原jQuery请求代码保持不变
$.get({
    url: '/files',
    success: update,
    error: requestError
});

function update(data) {
    // 处理返回数据
}

function requestError(xhr) {
    if(xhr.readyState == 0) {
        $('#files, #upload').css('display', 'none');
        $('#offline').css('display', 'inline-block');
    } else {
        console.error(xhr.status);
    }
}

需要注意：这种全局过滤方式可能会影响其他场景下的同类型错误，要确保只过滤你明确需要忽略的错误信息。

另外补充：jQuery基于XMLHttpRequest实现请求，而XMLHttpRequest的底层网络错误无法通过自身回调完全抑制浏览器的控制台输出，这是机制上的限制。

内容的提问来源于stack exchange，提问作者frielmv