CODEWITHSUNDEEP
javascriptjqueryjquery-load
user770668
user770668

Reputation: 285

looping for jquery load and wait until finished

I want to make a script that implement jquery to process php script that need a lot of execution time, so I split the process with jquery callback variable to process partially

but i don't know how to implement it. need help!

$("button").click(function(){
    i = 0;
    $("#div1").load("demo.php?i=" + i,function(){
        // when finished do jquery load "demo.php" again with i++ until i = 5
        i++;
    });
});

how to do that?

Upvotes: 1

Views: 536

Answers (2)

Anand Natarajan
Anand Natarajan

Reputation: 1162

var i=0;
function loadQuery(){
    if(i<5)
    {
      $("#div1").load("demo.php?i="+i,function(){
      i++;
      loadQuery();
       });
    }

 }

 $("button").click(function(){loadQuery();}

Upvotes: 0

Kevin Bowersox
Kevin Bowersox

Reputation: 94499

I would recommend using recursion and a callback function:

$("button").click(function(){
    load(0);
});

function load(i){
    if(i < 6){
        $("#div1").load("demo.php?i=" + i,function(){
            load(++i);
        });
    }
}

Upvotes: 3

Related Questions