ajax $.get runs late after the loop !!

Question

User-1123701243 posted

Hello

I have a a loop processing $.get statement inside it. The $.get returns value from controller function. as follows:

res = null;
for (key in data.Results) {
   var url = "/Search/Get_ManID?MakeName=Test";
   $.get(url, function (data) {
   res = data; // it will get some value , data = 148
}
alert(res);

It will alert null instead of the value that it will hold.

The issue is that the alert statement will run before the $.get function.

How can I control the order of code running.

Answer 1

User475983607 posted

That is the expected results due to AJAX being asynchronous.  Basically, the alert is executed before the AJAX response is returned.  Use a promise or the standard AJAX success handler.

res = null;
for (key in data.Results) {
   var url = "/Search/Get_ManID?MakeName=Test";
   $.get(url, function (data) {
   res = data; // it will get some value , data = 148
   alert(res);
}

Answer 2

User1535942433 posted

Hi human2x,

As far as I think,you could push the value into  a object and alert the  object.Just like this:

res = null;
arrayen = [];
for (key in data.Results) {
   var url = "/Search/Get_ManID?MakeName=Test";
   $.get(url, function (data) {
   res = data; // it will get some value , data = 148
  attayen.push(res);
}
alert(JSON.stringify(attayen));

Best regards,

Yijing Sun