在嘗試獲取下一個請求之前同步jquery請求等待完成

Question

我已經閱讀了許多主題，針對我的問題提出了一些問題，並且我找到了答案。 但是，如果我的功能沒問題，我想問問。

我必須在onclick事件中處理帶有不同id的窗體。

function setBoocking() { 
    if ($('.ajaxre').length) { 
     var key = 0; 
     //var ajaxboocking = []; 
     var sotredPDF = new Array(); 
     $('.ajaxre').each(function() { 
      var form = $(this); 
      var data = form.serialize(); 
      $.ajax({ 
       async: false, 
       timeout: 4000, 
       url: "ajaxloader.php", 
       type: "POST", 
       data: data, 
       dataType: "json", 
       success: function ($data) { 
        if ($data != null) { 
         if ($data.status == 1) { 
          alert("all fine"): 
         } 
        } 
       }, 
       error: function ($databack) { 
        ajaxfehler('normal'); 
        loading('end'); 
       } 
      }); 
     }); 
    } 
} 

HTML

<div class="ajaxre"> 
    <form class="ajaxre" id="1"> 
     <input type="hidden" name="test" value="test1" /> 
    </form> 
</div> 
<div class="ajaxre"> 
    <form class="ajaxre" id="2"> 
     <input type="hidden" name="test" value="test2" /> 
    </form> 
</div> 
<div class="ajaxre"> 
    <form class="ajaxre" id="3"> 
     <input type="hidden" name="test" value="test3" /> 
    </form> 
</div> 
<br /> 
<br /><a onclick="setBoocking();">test</a> 

所以你看，我在我的AJAX請求的異步：假的。這樣可行。但我可以讓我的功能使用異步請求「我將設置timout函數」不工作與asnc，並等待一個任務完成或得到錯誤，然後嘗試下一個請求？

非常感謝

Answer 1

你可以嘗試這樣的事情，延遲函數調用，一秒，如果要是要求發生。

var pause = false; 
function request(data) { 
    if (!pause) { 
     pause = true; 
     $.ajax({ 
      url: "ajaxloader.php", 
      type: "POST", 
      data: data, 
      dataType: "json", 
      success: function ($data) { 
       if ($data != null) { 
        if ($data.status == 1) { 
         alert("all fine"); 
         pause = false; 
        } 
       } 
      }, 
      error: function ($databack) { 
       ajaxfehler('normal'); 
       loading('end'); 
       pause = false; 
      } 
     }); 
    } else { 
     setTimeout(function() { 
      request(data); 
     }, 1000); 
    } 
} 


function setBoocking() { 
    if ($('.ajaxre').length) { 
     var key = 0; 
     //var ajaxboocking = []; 
     var sotredPDF = new Array(); 
     var in_request = false; 
     $('.ajaxre').each(function() { 
      request($(this).serialize()); 
     }); 
    } 
} 

Answer 2

Ajax請求返回什麼的知道作爲一個延遲，你可以做的是存儲陣列中的所有Ajax請求的響應，然後使用。

$.when.apply($, promises).then(function(){ 
}); 

這將允許您的所有呼叫運行異步。 （Promises是ajax延遲對象的數組）。

這篇文章應該可以幫助您充分理解到：

http://richardneililagan.com/2011/05/using-deferred-objects-in-jquery-1-5/