jQuery Recursive Function

Question

I'm trying to write a recursive jQuery statement that grabs some data and populates fields. However I don't want the next command to be executed until the current one is finished. I'm trying to do the below, however it doesn't seem to make it to the second run. Is there something I am doing wrong?

I kick it off by doing:

var arg = new Array();
arg[0]= 'id0';
arg[1]= 'id1';
arg[2]= 'id2';
arg[3]= 'id3';
arg[4]= 'id4';
arg[5]= 'id5';

grabMetrics('toggle=0', arg, 0);


function grabMetrics(url, locationAry, num){
alert(num);
$.ajax({
    type: "POST",
    url: "foo.php",
    data: url,
    success: function($this){
        $("#"+locationAry[num]).text($this);
        if(num<5){
            num++;
            grabMetrics('toggle='+num, locationAry, num);
        }
    }
});
}

Thank you in advance!

nickf · Accepted Answer · 2009-12-07 23:13:26Z

2

Change this:

if(num>5){

to this:

if(num<5){

answered Dec 7, 2009 at 23:13

nickf

548k199 gold badges660 silver badges727 bronze badges

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

1 Comment

Petrogad Over a year ago

arg. sorry for wasting your time.

Kenaniah · Accepted Answer · 2009-12-07 23:13:55Z

2

Shouldn't that be if(num < 5)?

answered Dec 7, 2009 at 23:13

Kenaniah

5,20126 silver badges28 bronze badges

Collectives™ on Stack Overflow

jQuery Recursive Function

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related