在等待ajax.done完成每個循環時暫停a

Question

我使用for each方法遍歷一組命令文件。

對於每個命令文件，在繼續下一個命令之前，我需要等待ajax成功。

問題是，每個循環在ajax代碼完成之前移動到下一個命令。誰能提供解決方案？

對於每一個循環：

$.each(cmd_files, function(index, cmd) { 

      update_log('Running CMD for' + cmd) 

      wait_for_cmd_complete(cmd).done(function(data){ 

       update_log("CMD is complete");  

      }) 
}) 

的Ajax功能：

function wait_for_cmd_complete(cmd){ 

    return $.ajax({ 
     type: 'POST', 
     data: {cmd:cmd}, 
     url: 'wait_for_cmd_complete.php' 
    }); 


    } 

Answer 1

這根本不是你如何編寫事件驅動的操作。如果您需要下一代代碼才能在事件之後啓動，那麼您不會循環迭代...因爲這將在事件之前運行所有代碼！這就是事件的工作方式。

使這樣的事情一般結構將更好地爲運行1次迭代的代碼每一個事件：

var i = 0; // the index we're using 
var list = []; // array of the things you plan on "looping" through 
var max = list.length; // basically how many iterations to do 

function nextIteration() { 
    if (i >= max) return; // end it if it's done 
    // do whatever you want done before the event for this iteration 
    list[i].addEventListener("someevent", onEvent); // add whatever event listener 
} 

function onEvent() { 
    // do whatever it is you want done after the event for this iteration 
    i++; // up the index 
    nextIteration(); // start the next iteration 
} 

nextIteration(); // start the first iteration manually 

---

爲了便於說明，這樣就可以知道這是怎麼回事，這裏是你的格式如下代碼我以上代碼。

var i = 0; // the index we're using 
update_log('Running CMDs'); 
var cmd; // basically a var just so we don't have to keep calling cmd_files[i] 
var totalCommands = cmd_files.length; // basically how many iterations to do 

function sendNextCommand() { 
    if (i >= totalCommands) return; // end it if it's done 
    cmd = cmd_files[i]; // again, just so we don't have to keep calling cmd_files[i] 
    update_log("Waiting for CMD " + cmd + " to complete..."); 
    $.ajax({type:'POST', data:{cmd:cmd}, url:'wait_for_cmd_complete.php'}).done(onCommandComplete); 
    // above line does what needs to be done (sends to PHP) and then adds the event listener 'done' 
} 

function onCommandComplete(value) { 
    update_log(" CMD complete for: " + cmd); 
    i++; // up the index 
    sendNextCommand(); // start the next iteration 
} 

sendNextCommand(); // start the first iteration manually 

Answer 2

也許嘗試鏈接您的活動。不太熟悉這種方法，但我認爲這將工作：

$.each(cmd_files, function(index, cmd) { 
      update_log('Running CMD for' + cmd); 
      var request = $.ajax({type: 'POST',data: {cmd:cmd}, url: 'wait_for_cmd_complete.php'}); 
      request.then(update_log("CMD is complete");   
}); 

Answer 3

這就是我最終開始工作。

1. 第一個Ajax請求已完成。

2. cmd文件數組使用i ++進階。

3. 從同一個函數中再次調用Ajax函數。

4. 如果有更多的文件仍然運行，函數被再次調用，

5. 其他功能後退出CMD最後文件已完成。

   number_of_cmd_files = cmd_files.length; 
   update_log('Running CMDs') 
   i=0; 
   cmd= cmd_files[i]; 
   
   wait_for_cmd_complete(cmd) 
   
   function wait_for_cmd_complete(cmd){ 
   
       update_log("Waiting for CMD " + cmd + " to complete...") 
   
       $.ajax({ 
        type: 'POST', 
        data: {cmd:cmd}, 
        url: 'wait_for_cmd_complete.php' 
   
       }).done(
        function(value) { 
        i++; 
        update_log(" CMD complete for: " + cmd); 
        if (i < number_of_cmd_files) { 
         cmd = cmd_files[i] 
         wait_for_cmd_complete(cmd); 
        } 
        } 
       ); 
   

   }

Answer 4

使用同步AJAX應該工作，至少如果你不這樣做跨域。 將async: false添加到ajax選項。 有關更多信息，請參閱here和here。