jQuery ajaxSetup，无法重试对错误处理的ajax调用

Question

In $.ajaxSetup() I am trying to make an AJAX request after reloading a valid token if the previous token is expired. The problem is I cannot do $.ajax(this) inside the error callback.

 $.ajax({ url: _url //async: false, type: 'POST' }).success(function(jsonP) { // ... }).error( // ... ); $.ajaxSetup({ tryCount: 0, retryLimit: 2, error: function(xhr, textStatus, errorThrown) { if (xhr.status == 401 && (JSON.parse(localStorage.getItem('Auth')).user[0] != null)) { refreshToken(); this.tryCount++; setTimeout(function() { console.log(xhr); if (this.tryCount <= this.retryLimit) { // this.tryCount is undefined //try again $.ajax(this); // the problem is here : how to call the request again ! $('#loading-modal').modal('hide'); return; } else { alert("Problème de connexion"); return false; } }, 1000); return; } else { /* alert("Problème d'authentification"); $(".logout").trigger('click'); */ } if (xhr.status == 500) { //handle error } else { //handle error } } }); 

Answer 1

You could put your request inside a function then call it inside the callback again like :

function myRequest(){
    $.ajax({
      url: _url
      //async: false,
      type: 'POST'
    }).success(function(jsonP) {
      // ...
    }).error(
      // ...
    );
}

myRequest();

$.ajaxSetup({
  tryCount: 0,
  retryLimit: 2,
  error: function(xhr, textStatus, errorThrown) {
    if (xhr.status == 401 && (JSON.parse(localStorage.getItem('Auth')).user[0] != null)) {
      refreshToken();
      this.tryCount++;
      setTimeout(function() {
        console.log(xhr);
        if (this.tryCount <= this.retryLimit) { // this.tryCount is undefined
          //try again
          myRequest();

          $('#loading-modal').modal('hide');
          return;
        } else {
          alert("Problème de connexion");
          return false;
        }
      }, 1000);
      return;
    } else {
      /* alert("Problème d'authentification");
      $(".logout").trigger('click'); */
    }
    if (xhr.status == 500) {
      //handle error
    } else {
      //handle error
    }
  }
});