0

I would like to retry an ajax call in the case an error happens. However it keeps sending the result instead of retrying the call regardless of whether the async attribute is true or false.

Here is a sample of the code.

 var retryLimit = 5; 
 var result = $.ajax(
     url: myUrl,
     method: "GET",
     type: "application/json"
     success: function(data){},
     error: function(data){
        console.log("Retry No: ", 6 - retryLimit);
        retryLimit--;
        if(retryLimit > 0){
           $.ajax(this);
        }
     },
     async: true, // or false does not make any difference 
  );

  if(result.statusCode == 200 || result.statusCode == 201 ||
         result.statusCode == 204){
     return result; 
  }else{
     return null; 
  }

So when I go to test it I purposefully make the code error out in 4 iterations and make it work on the last one. However the function has already returned null from the first iteration. How can we make it wait for all the retries in the case of a failure? Thanks.

MikeOne
  • 4,789
  • 2
  • 26
  • 23
David Sagang
  • 317
  • 1
  • 6
  • 24
  • This doesn’t look like Angular or Typescript but rather good old jQuery. Why the mismatch in question tags? – MikeOne Oct 22 '21 at 23:18
  • Maybe this can help? https://stackoverflow.com/questions/10024469/whats-the-best-way-to-retry-an-ajax-request-on-failure-using-jquery – Michela Durazzi Oct 23 '21 at 06:34

0 Answers0