Automatically try AJAX request again on Fail

Question

I have seen that you can specify what to do generally if an ajax request fails, is it possible to have it try again in some sort of a loop so that it tries at least x amount of times before it stops? I have used this code before:

$.ajaxSetup({
  "error":function() {   
    alert("error");
}});

Which will apply to all AJAX requests (correct me if I'm wrong).

I want to do something like this:

$.ajaxSetup({
  "error":function() {   
    $(this).ajax;
}});

Would this work? Or even better: would this be the right way to do it? I would wrap the retry in a count system so that it doesn't infinitely retry. In my application 9 times out of 10 it will work correctly but every now and then one of the APIs I'm interfacing with will return an error.

Any suggestions would help, thanks!

possible duplicate of How do I resend a failed ajax request? — user2284570
– user2284570, Commented Oct 10, 2014 at 14:02

Lucas Sampaio · Accepted Answer · 2013-06-26 20:53:45Z

13

You can try something like this:

    var attempts;
    function doAjaxRequest() {
        attempts = 0;
        doAjaxRequestLoop();
    }

    function doAjaxRequestLoop() {
        attempts += 1;
        if (attempts > 10) {
            alert('too many attempts.');
            return;
        }

        $.ajax({ // do your request
            error: function (error) {
                doAjaxRequestLoop();
            }
        });
    }

</script>

Although I might recommend against it. If the request fails you may want to find out why it failed. What if the user lost their internet connect? Any further attempts are likely to fail again so why retry?

edited Jun 26, 2013 at 20:53

Lucas Sampaio

1,5782 gold badges19 silver badges36 bronze badges

answered Jun 9, 2011 at 20:13

Jay

6,3044 gold badges22 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

James Montagne Over a year ago

You need to call doAjaxRequestLoop inside doAjaxRequest. Right now it just sets the value to 0 and never does anything.

Jay Over a year ago

Your right! That's what I get for being in a rush. Post updated.

Doug Molineux Over a year ago

Thanks! So for some reason one of the client APIs I'm working with seems really flimsy, most of the time it works but every now and then a request will timeout. If I could make it try at least one more time, I think that would make it solid enough. I think this is a good way to do it, thanks Jay

Marassa Over a year ago

One more use case: right now Cloudflare throws random 520 errors every now and then (started happening a month ago on many free accounts simultaneously, Cloudflare chose to deny responsibility). If you simply retry a failed request, it works. Making all Ajax requests simply try again on 520 makes the problem go away for the users.

Collectives™ on Stack Overflow

Automatically try AJAX request again on Fail

1 Answer 1

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related