How to call function after running ajax in for loop

Question

Possible Duplicate:
Multiple ajax calls inside a each() function.. then do something once ALL of them are finished?

How do I execute a function after I run ajax in for loop. Example here I have this ajax running in loop,

for (var countDevice = 0; countDevice<32; countDevice++){
  var dataString="modbus="+(countDevice+1)+"_"+newDate+".xml";
  $.ajax({
    type: "POST",
    url: "CalculateTable",
    data: dataString,
    dataType: "json", 
    //if received a response from the server
    success: function( device, textStatus, jqXHR) {
     //Do something                                 
    }
  });
}

I want to make sure to only run this function below, only after the above for loop is finished.

function drawTable(){
  //Do something
}

Can anyone give any idea on how to make it possible? Thanks for taking the time to read and answer.

Can you change the backend code? I.e. change it to only have 1 single xhr call. This looks a bit... clunky :) — PeeHaa, Dec 26 '12 at 04:48
PeeHaa is correct though, the less Ajax calls you make, the better. — Felix Kling, Dec 26 '12 at 04:49
I can't seem to think any other way to make it, because the ajax call depends on 2 variables, like `countDevice` and `newDate` — Nur, Dec 26 '12 at 04:53
You could put all the data into an object, encode it as JSON and send it to the server in one Ajax call. — Felix Kling, Dec 26 '12 at 04:53
@FelixKling thanks for pointing those questions. Will look through them. — Nur, Dec 26 '12 at 04:54
@FelixKling oh, I didn't occur to me to put them in object. I'll need to study more on this. — Nur, Dec 26 '12 at 05:06

score 2 · Answer 1 · answered Dec 26 '12 at 06:29

if u want to running it in the linear way, u can write your code like this

var countDevice = 0;
(function CountDeviceLoop() {
  if (countDevice == 32) {
    // you can place draw table here or .....
    // drawTable();
    return;
  }

  var dataString="modbus="+(countDevice+1)+"_"+newDate+".xml";
  $.ajax({
    type: "POST",
    url: "CalculateTable",
    data: dataString,
    dataType: "json", 
    //if received a response from the server
    success: function( device, textStatus, jqXHR) {
      //Do something


      //after done sth
      countDevice ++;
      CountDeviceLoop();                             
    }
  });
})();

// here
// drawTable();

cuz the ajax method is async, u can run your loop in this way...or if u want to use 'for loop' to run your program, you can use @MadSkunk 's code

score 0 · Answer 2 · answered Dec 26 '12 at 05:01

0

for (var countDevice = 0; countDevice<=32; countDevice++)
{
if (countDevice == 32)
{
drawTable();
}
else {
var dataString="modbus="+(countDevice+1)+"_"+newDate+".xml";
$.ajax({
type: "POST",
url: "CalculateTable",
data: dataString,
dataType: "json",

//if received a response from the server
success: function( device, textStatus, jqXHR) {
//Do something
}
});
}
}

answered Dec 26 '12 at 05:01

Muhammad Talha Akbar

9,952
6
38
62

best solution just to add three more lines! – Muhammad Talha Akbar Dec 26 '12 at 05:02
well, whoever down voted please add comments what is wrong! – Muhammad Talha Akbar Dec 26 '12 at 05:04
Wasn't me, but... You obiously copied my post, but left in my call to isComplete() but didn't provide the code for that func! – MadSkunk Dec 26 '12 at 05:06
@MadSkunk I copied your code for quick answer but i have other idea for solution! – Muhammad Talha Akbar Dec 26 '12 at 05:08

softsdev · Accepted Answer · 2012-12-26T05:07:10.443

-1

Yoo can also try

$('your selector').ajaxComplete(function() {
  drawTable();
});

edited Dec 26 '12 at 05:07

answered Dec 26 '12 at 05:01

softsdev

1,478
2
12
27

1

you can also try ajaxComplete method – softsdev Dec 26 '12 at 05:08
@softsdev thank you. Your solution nearly worked, but I tweaked it to become `$.ajax({ complete: function(){ alert(tablehtml); } });` Only then it worked as I intended. – Nur Dec 26 '12 at 05:39
Please post that answer in your question – softsdev Dec 26 '12 at 06:01

How to call function after running ajax in for loop

3 Answers3