Maintain order of requests when making several ajax callbacks

Question

I\'m looping through several items and making an ajax request for each of them (using jQuery). I want them to execute independently, but populate into the DOM in the order

Answer 1

Well the results can come back in any undefined order, they are asynchronous and subject to the vagaries of the internet and servers.

What you can do is deal with the problem in the same way TCP does over UDP. You use sequence identifiers.

Keep a sequence identifier going, and increment it every time you send out a request. As requests come back, check them off in order and only process them as they come in. Keep a list of what has returned with the data in order, and have a routine fire to check that list after each update to it. When the first expected is in, it should process the whole list down to the first gap.

Bare in mind that you could lose a request, so a suitable timeout before you ignore a given sequence identifier would be in order.