超時後重試ajax請求

Question

我正在使用預過濾器重做ajax請求2次，請參閱下面的代碼。

然而，問題在於也調用了ajax請求的原始fail（）處理程序。當然，這需要被禁用。

$.ajaxPrefilter(function(options, originalOptions, jqXHR) { 
    // retry not set or less than 2 : retry not requested 
    if (!originalOptions.retryMax || !originalOptions.retryMax >= 2) { 
     return; 
    } 
    // no timeout was setup 
    if (!originalOptions.timeout > 0) { 
     return; 
    } 

    if (originalOptions.retryCount) { 
     originalOptions.retryCount++; 
    } else { 
     originalOptions.retryCount = 1; 
     // save the original error callback for later 
     if (originalOptions.error) { 
      originalOptions._error = originalOptions.error; 
     } 
    }; 

    // overwrite *current request* error callback 
    options.error = $.noop(); 

    // setup our own deferred object to also support promises that are only invoked 
    // once all of the retry attempts have been exhausted 
    var dfd = $.Deferred(); 

    jqXHR.done(dfd.resolve); 

    // if the request fails, do something else yet still resolve 
    jqXHR.fail(function() { 
     var args = Array.prototype.slice.call(arguments); 

     if (originalOptions.retryCount >= originalOptions.retryMax || jqXHR.statusText !== "timeout") { 
      // add our _error callback to our promise object 
      if (originalOptions._error) { 
       dfd.fail(originalOptions._error); 
      } 
      dfd.rejectWith(jqXHR, args); 
     } else { 
      $.ajax(originalOptions).then(dfd.resolve, dfd.reject); 
     } 
    }); 
}); 

我的要求是：我得到的消息的console.log「我們在失敗」的同時請求是重做首次。任何想法如何解決這個問題？

 $.ajax({ 
     url: url, 
     crossDomain: true, 
     dataType: "json", 
     type: type, 
     timeout: 20000, 
     async: (async === undefined ? true : async), 
     beforeSend: beforeSend, 
     retryMax: (type == "POST" ? 0 : 2), 
     data: data 
    }).done(function(response, status, xhr) { 
      }).fail(function(xhr, textStatus, error) { 
     console.log("WE ARE IN FAIL"); 
    }); 

Answer 1

更簡單的方法（抱歉，我只是有時間來寫部分代碼）:(

創建處理Ajax請求，接受參數+計數器的遞歸函數。

var MyFuncAjax = function(params, counter){ 
    if(counter <= 0){ return true; } 

    $ajax({ 
    ... 
    timeout: params.timeout 
    ... 
    }) 
    ...fail(function(xhr...){ 
    MyFuncAjax(params, --counter) 
    }) 
} 

然後調用它

MyFuncAjax({timeout: 20000, ....}, 2) 

瞧:)