JQuery的 - 里面循环播放.load（）“为”语句(JQuery - Looping a .l

我不知道这是否会实际上是不可能的，因为负载（）是一个异步方法，但我需要一些方法来基本加载的页面数小块，一次一个，获得通过JavaScript包含在其中的一些数据，和然后发送通过Ajax过来，让我可以把我做了一个数据库。

基本上，我从我的网页，所有的环节我会不得不遍历位于得到这样的：

var digiList = $('.2u');
var link;
for(var i=0;i<digiList.length;i++){

    link = "http://www.digimon-heroes.com" + $(digiList).eq(i).find('map').children().attr('href');

到现在为止还挺好。

现在，我将不得不加载每个链接到一个div我有我的页面各处地方（只有完整的页面，而不是整个事情的具体DIV），这样我可以通过JQuery得到一些数据：

 var contentURI= link + ' div.row:nth-child(2)';   

    $('#single').load('grabber.php?url='+ contentURI,function(){     
 ///////////// And I do a bunch of JQuery stuff here, and save stuff into an object 
 ///////////// Aaaand then I call up an ajax request.
     $.ajax({
      url: 'insertDigi.php',
      type: 'POST',
      data: {digimon: JSON.stringify(digimon)},
      dataType: 'json',
      success: function(msg){
        console.log(msg);
      }
 ////////This calls up a script that handles everything and makes an insert into my database.
    }); //END ajax
   }); //END load callback Function
  } //END 'for' Statement.
 alert('Inserted!');

当然，正如所预料的，加载时间过长，而for语句其余的只是不断经历，没有真正关心让负载完成了它的业务，由于负载是异步的。 警报（ '插入！'）; 之前，我甚至去加载第一页的机会被调用。这反过来又意味着，我只得到了东西加载到我的div之前，我甚至可以把它的信息，并将其发送到我的脚本。

所以我的问题是：有没有在这样，我可以通过多条链路迭代，加载它们的方式做到这一点一些有创意的方式，做我的事与他们，并用它做什么？如果没有，是否有一个同步的替代加载，这可能会产生大致相同的效果呢？我知道，它可能会完全阻止了我的网页，但我会与它的罚款，因为该页面不从我不需要任何输入。

希望我解释了一切必要的细节，希望你们能帮助我了这一点。谢谢！

Answer 1:

你可能需要一个递归函数，即等待一个迭代，才去到下一个迭代等。

(function recursive(i) {
    var digiList = $('.2u');
    var link = digiList.eq(i).find('map').children().attr('href') + ' div.row:nth-child(2)';
    $.ajax({
        url: 'grabber.php',
        data: {
            url: link
        }
    }).done(function(data) {

        // do stuff with "data"

        $.ajax({
            url: 'insertDigi.php',
            type: 'POST',
            data: {
                digimon: digimon
            },
            dataType: 'json'
        }).done(function(msg) {
            console.log(msg);
            if (i < digiList.length) {
                recursive(++i); // do the next one ... when this is one is done
            }
        });
    });
})(0);

Answer 2:

万一你希望他们一起运行，您可以使用封闭保存在每个循环数

for (var i = 0; i < digiList.length; i++) {
    (function(num) { < // num here as the argument is actually i
        var link = "http://www.digimon-heroes.com" + $(digiList).eq(num).find('map').children().attr('href');
        var contentURI= link + ' div.row:nth-child(2)';   
        $('#single').load('grabber.php?url=' + contentURI, function() {
            ///////////// And I do a bunch of JQuery stuff here, and save stuff into an object 
            ///////////// Aaaand then I call up an ajax request.
            $.ajax({
                url: 'insertDigi.php',
                type: 'POST',
                data: {
                    digimon: JSON.stringify(digimon)
                },
                dataType: 'json',
                success: function(msg) {
                        console.log(msg);
                    }
                    ////////This calls up a script that handles everything and makes an insert into my database.
            }); //END ajax
        }); //END load callback Function
    })(i);// <-- pass in the number from the loop
}