jQuery $.ajaxError阻止Ajax Promise被拒绝的问题求助

嘿，这个问题我之前也踩过坑！全局ajaxError处理器运行后Promise没进入拒绝状态，本质是jQuery的事件处理逻辑在旧版本（或者某些场景下）会默认终止错误传播，觉得你已经在全局处理完错误了。下面给你两个靠谱的解决方案：

方案1：修改全局错误处理器，手动触发错误传播 #

在你的全局ajaxError函数里，处理完自定义错误逻辑后，手动抛出一个错误，这样Promise就能捕获到错误并进入拒绝状态：

$(document).ajaxError(function( event, xhr, settings, error ) {
  if(xhr.hasOwnProperty("responseJSON") && xhr.responseJSON.hasOwnProperty("Message")) {
    // 这里放你的错误处理逻辑，比如弹出提示、记录日志
    console.error('请求失败:', xhr.responseJSON.Message);
  }
  // 手动抛出错误，让Promise进入拒绝流程
  throw new Error(error || xhr.statusText || 'Ajax请求出错');
});

方案2：在自定义Ajax方法中确保Promise拒绝 #

如果你不想修改全局处理器，也可以在自己封装的$.ajaxCall里，显式添加错误回调，手动触发Promise的拒绝。这种方式更可控，也能兼容所有jQuery版本：

$.ajaxCall = function (Params){ 
  return $.ajax({ 
    type: "POST", 
    contentType: "application/json; charset=utf-8", 
    dataType: "json", 
    data: Params.data, 
    url: Params.url,
    error: function(xhr, status, errorMsg) {
      // 先执行你的全局错误处理逻辑（如果需要复用）
      if(xhr.hasOwnProperty("responseJSON") && xhr.responseJSON.hasOwnProperty("Message")) {
        console.error('请求失败:', xhr.responseJSON.Message);
      }
      // 手动拒绝Promise，确保后续的.catch()能捕获到
      return Promise.reject(new Error(errorMsg || xhr.statusText));
    }
  }); 
};

为啥会出现这个问题？ #

在jQuery 3.0之前的版本里，全局ajaxError事件触发后，jQuery会默认认为错误已经被处理，不会再让Promise进入拒绝状态。哪怕是新版本，有时候也会因为事件处理的优先级问题导致Promise不触发拒绝。所以手动抛出错误或者在封装方法里显式处理，是最稳妥的做法。

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