。for循環中的POST沒有按照發送的順序返回

Question

我正在forloop中執行幾個.post調用。 .post的返回數據將被附加到div容器。正在循環的數據被排序。我期待的後調用返回數據的順序與我發送的順序相同。但事實並非如此......

for(i = 0; i<data.length;i++){ 
    $.post('test.php',{variables},function(data1){ 
       $('#wrapper').append(data1); 
      }); 
} 

有沒有辦法讓.post以相同的順序返回？

Answer 1

AJAX是異步的。

如果您希望按順序調用它們，則必須等待ajax調用完成，然後再調用下一個。

---

你可以嘗試把它變成一個queue：

var $q = $({}); 

for(var i = 0; i < data.length; ++i) { 
    $q.queue(function(next){ 
     $.post('test.php',{variables},function(data1){ 
      $('#wrapper').append(data1); 
      next(); //call next fn 
     }); 
    }); 
}