jQuery synchronous non-blocking ajax calls

Question

In my web application, I have a series of ajax calls that are fired rapidly. On the server, these need to be processed in the same order as they are sent from the client.

I have been using the async: false configuration in jQuery to do this. However this causes the GUI to become very sluggish while it blocks for calls to finish. With async: true the GUI is responsive, but the requests are not always processed in order.

Is there an alternative non-blocking way to queue up ajax requests, so the next one is sent only after the previous one has finished?

NOTE: I don't have a "list" of requests to process. The requests are generated on the fly, so I need to be able to stuff them into some sort of a FIFO queue when they are generated, then consume the queue with some process.

you can call each one when the previous one is finished.

Okan Kocyigit
– Okan Kocyigit

2012-07-24 21:22:20 +00:00
Commented Jul 24, 2012 at 21:22 — Okan Kocyigit
– Okan Kocyigit, Commented Jul 24, 2012 at 21:22

zerkms · Accepted Answer · 2012-08-21 21:19:18Z

7

It can be done easily with jQuery promises:

function firstAjax() { return $.ajax({...}); } function secondAjax() { return $.ajax({...}); } firstAjax().pipe(secondAjax).pipe(...).done(function() { alert('all requests have successfully finished'); });

or

$.when(firstAjax()).pipe(secondAjax).pipe(...).done(function() { alert('all requests have successfully finished'); });

http://jsfiddle.net/zerkms/WQcVD/1/

edited Aug 21, 2012 at 21:19

answered Jul 24, 2012 at 21:22

zerkms

256k73 gold badges447 silver badges551 bronze badges

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

7 Comments

The Alpha Over a year ago

I think done could have arguments .done(function(a1, a2){...})

zerkms Over a year ago

@Sheikh Heera: yep, but I cannot get how it's possible to do that for all deferreds (in case if we chain them, not run simultaneously). If only we pass manually arguments in secondAjax

bradvido Over a year ago

OK, the problem is I don't "have" all the calls I'm going to make when this process starts...

zerkms Over a year ago

@pimvdb: look at the comment above: "OK, the problem is I don't "have" all the calls I'm going to make when this process starts" --- so OP doesn't have all the deferreds in one place, so he needs to be able to add piped requests (that's actually why I didn't use a single $.when()

pimvdb Over a year ago

Ah, my apologies. (I thought just wrapping the first call with $.when isn't very useful.)

|

Collectives™ on Stack Overflow

jQuery synchronous non-blocking ajax calls

1 Answer 1

7 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

7 Comments

Linked

Related