How to clear all current/pending AJAX requests

Question

when users click certain links on my app it makes ajax requests... What I want to do is on every main click, abort all existing ajax requests either current or pending. Is this possible?

The reason why is requests are getting out of sync. Meaning if a user clicks on a project, which should load tasks. If they then click on another project, the first click's tasks are being populated.

Thanks

possible duplicate of [Stop all active ajax requests in jQuery](http://stackoverflow.com/questions/1802936/stop-all-active-ajax-requests-in-jquery) — Caspar Kleijne, Apr 24 '11 at 17:49
Please stop writing tags in your question titles. You've done it to every single one. — Lightness Races in Orbit, Apr 24 '11 at 17:50

score 0 · Accepted Answer · answered Apr 24 '11 at 17:53

0

Simply keep a global variable which stores the most recent ajax request and then abort it before making the next request.

answered Apr 24 '11 at 17:53

James Montagne

77,516
14
110
130

score -1 · Answer 2 · edited Jul 16 '12 at 11:40

-1

When we abort an variable-cum-ajaxRequest using variable.abort(); it is permanently disabled and cannot be used to create another request in the future.

So to avoid this we can use dynamic variables window["var"+i] and increase the value of i everytime an new request is made.

Then at the time a request is to be cancelled use window["var"+(i-1)].abort();

edited Jul 16 '12 at 11:40

Taryn

242,637
56
362
405

answered Jul 16 '12 at 09:31

Shashank Duhan

1

1

The better answer is to use an array to store these requests rather than polluting the 'global' space. – James Hulse Oct 11 '12 at 04:15

How to clear all current/pending AJAX requests

2 Answers2