如何在jQuery Ajax的.fail()中取消全局错误处理，静默处理特定请求错误？

要解决这个问题，核心是在特定Ajax调用的错误处理逻辑中，手动捕获错误并返回一个已解决（resolved）的Promise，这样全局Ajax错误处理器就不会感知到未被处理的错误，从而不会触发。

原因分析 #

全局Ajax错误处理器会监听所有未被显式捕获的Ajax错误/Promise拒绝。你的当前代码虽然设置了值，但没有正确处理Promise的状态——错误仍然会以未捕获的拒绝形式向上传递，最终触发全局处理器。

具体实现方案 #

在SelectBox对应的处理器函数中，对Ajax请求的错误进行捕获，执行静默设值操作后，返回一个Promise.resolve()来“消化”这个错误，阻止它传递到全局处理器。

示例代码（使用async/await）

// 假设这是SelectBox中使用的异步处理函数，必须返回Promise
async function handleSelectBoxAjaxRequest() {
  try {
    // 发起你的Ajax请求
    const response = await fetch('/your-target-api', {
      method: 'POST', // 或GET，根据你的需求
      headers: {
        'Content-Type': 'application/json'
      },
      // 其他请求配置
    });

    if (!response.ok) {
      // 如果HTTP状态码异常，主动抛出错误
      throw new Error(`请求失败: ${response.status}`);
    }

    // 正常处理响应数据
    const data = await response.json();
    return data;
  } catch (error) {
    // 1. 静默选中指定值
    const selectBoxInstance = $('#your-selectbox-id').dxSelectBox('instance');
    selectBoxInstance.option('value', '你要设置的指定值');

    // 2. 返回resolved的Promise，阻止全局错误处理器触发
    return Promise.resolve();
  }
}

示例代码（使用DevExtreme内置ajax方法）

如果你用的是DevExtreme的DevExpress.ajax方法，可以这样写：

function customSelectBoxAjaxCall() {
  return DevExpress.ajax({
    url: '/your-target-api',
    method: 'GET',
    // 其他请求配置
  })
  .then((response) => {
    // 正常处理响应
    return response;
  })
  .catch((error) => {
    // 静默设置指定值
    const selectBox = $('#your-selectbox-id').dxSelectBox('instance');
    selectBox.option('value', 'target-default-value');

    // 返回resolved的Promise，避免全局处理器介入
    return Promise.resolve();
  });
}

关键要点 #

• 必须确保错误被显式捕获，并在捕获后返回一个已解决的Promise，而不是让Promise处于拒绝状态。
• 如果你是在SelectBox的customStore中使用这个逻辑，同样要在load或其他异步方法中遵循这个模式，保证返回的Promise最终是resolved的。

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