For循環僅在內部函數完成時繼續循環？

Question

這是第一個得到一個文件列表，每個文件的功能，它會調用一個AJAX函數來執行的東西：

function getImagesList(folder) { 
     $.ajax({ 
      type:"POST", 
      url: "getImgList.php", 
      data: {"data":folder}, 
      dataType: "json", 
      success: function (data) { 
       var IsfirstLoggingItem = "true"; 
       for (var key in data) { 
        //alert (data[key]); 
        pdfToImgExec (data[key],IsfirstLoggingItem,folder,1); 
        $('#pdfToImgResult').append('<p>Processing ' + data[key] + ' <img src="loading.gif" height="20" width="20"/></p>'); 
        IsfirstLoggingItem = "false"; 
       } 
       folder == 'Incoming' ? getImagesList('result') : pdfToImgResult(); 
      }, 
      error: function(x, t, m) { 
       $('#pdfToImgResult').html('<p>Error</p>'); 
       alert (t); 
       releaseBtn(); 
      } 
     }); 
    } 

這是被調用函數，它包含一個Ajax功能，可以執行一些

function pdfToImgExec(file,IsfirstLogging,folder,round){ 
      var postString = file + '&' + IsfirstLogging + '&' + folder; 
      $.ajax({ 
       type: "POST", 
       url: "pdfToImgExec.php", 
       data: {"data":postString}, 
       dataType: "html", 
       success: function (data) { 
        if (data) { 
         $('#pdfToImgResult').html('').append('<p>Finish processing ' + file + '</p>'); 
        } else if (!data && round < 4) { 
         $('#pdfToImgResult').html('').append('<p>Encounter error in processing ' + file + ' ， retrying ' + round + ' round </p>'); 
         round++; 
         pdfToImgExec(file,IsfirstLogging,folder,round); 
        } 
       }, 
       error: function(x, t, m) { 
        $('#pdfToImgResult').html('errpr'); 
        alert (t); 
        releaseBtn(); 
       } 
      }); 
    } 

總之，getImagesList功能得到一個文件列表，每個文件，調用pdfToImgExec功能做一些Ajax的工作人員。問題是，它不會等待ajax工作人員完成，而是開始下一個循環。

這意味着，我想例如file1運行ajax staff => file1完成ajax staff => file2運行ajax staff => file2 finish =>檢查結果

但是，目前的情況是file1運行ajax staff => file2運行ajax staff => check result =>文件1光潔度/ FILE2完成

我曾嘗試異步：假，緩存：在這兩個函數假，但它似乎沒有任何幫助，如何解決呢？感謝

Answer 1

使用一個數組來存儲你的數據

var dataArr=[]; 

在你的第一個功能，將數據推送到陣列

function getImagesList(folder) { 
    $.ajax({ 
     type:"POST", 
     url: "getImgList.php", 
     data: {"data":folder}, 
     dataType: "json", 
     success: function (data) { 
      dataArr = data; 
      doProcessData(); 
     }, 
     error: function(x, t, m) { 
      $('#pdfToImgResult').html('<p>Error</p>'); 
      alert (t); 
      releaseBtn(); 
     } 
    }); 
} 

功能doProcessData像這樣：

function doProcessData(itemDoneCallback, allDoneCallback) { 
    if(typeof(itemDoneCallback)==undefined)itemDoneCallback=function(){}; 
    if(typeof(allDoneCallback)==undefined)allDoneCallback=function(){}; 
    if(arrData.length>0){ 
    var key = arrData[0]; 
      $.ajax({ 
       //option here like your function pdfToImgExec 
       success: function (data) { 
        arrData.splice(0,1);//remove first data. 
        doProcessData();// call to process next data. 
        itemDoneCallback(); // callback to process some thing 
       } 
      })     
    }else{ 
     allDoneCallback();// all done callback 
    } 
} 

希望這有助於！