Question

I have the following calls:

getData(0);
getData(1);
getData(2);

These call a javascript function:

function getData(Code) {
  $.post('/adminA/GetData',
                { Code: Code },
  function (data) {

The problem is that my data gets returned out of order. Is there a way that I can have the data return in order?

Answer 1

Calling these three ajax requests synchronously will freeze your browser. You’d be better off using jQuery’s Deferred objects. Try this:

function getData(Code) {
    return $.post('/adminA/GetData', { Code: Code }, function (data) {/*etc.*/});
}

getData(0).done(function() {
    getData(1).done(function() {
        getData(2);
   });
});

Addendum

You should also consider combining your calls into a single one, and change the server logic to handle it. This will ultimately be faster than three requests:

function getData(firstCode, secondCode, thirdCode) {
    $.post('/adminA/GetData', {
        codeOne   : firstCode,
        codeTwo   : secondCode,
        codeThree : thirdCode
    }, function (data) {/*etc.*/});