jQuery等待，直到異步阿賈克斯調用完成

Question

嗨我的腳本中有2個Ajax調用，我需要他們運行asnyc業餘時間，但我需要第二個等待，直到第一個完成。

$.ajax({ 
     type: "POST", 
     url: "getText.asmx/ws_getText", 
     data: parO1, 
     contentType: "application/json; charset=utf-8", 
     dataType: "json", 
     success: function (msg) { 
      alert(msg.d.data); 
     } 
     , error: function() { 
      chyba("chyba v požadavku", "df"); 
     } 
    }); 
    if (parO2.length > 0) { 
     $.ajax({ 
      type: "POST", 
      url: "getText.asmx/ws_getText", 
      data: parO2, 
      contentType: "application/json; charset=utf-8", 
      dataType: "json", 
      success: function (msg) { 
       /*WAIT UNTIL THE FIRST CALL IS FINISHED AND THAN DO SOMETHING*/ 
      } 
     , error: function() { 
      chyba("chyba v požadavku", "df"); 
     } 
     }); 

那麼有什麼想法？謝謝

Answer 1

如果使用jQuery 1.5+，則可以使用​​來完成此操作。喜歡的東西（簡稱爲簡潔的AJAX調用，只傳遞對象爲你完成以上工作）

$.when($.ajax("getText.asmx/ws_getText"), 
     $.ajax("getText.asmx/ws_getText")).done(function(a1, a2){ 

    // a1 and a2 are arguments resolved for the 
    // first and second ajax requests, respectively 
    var jqXHR = a1[2]; // arguments are [ "success", statusText, jqXHR ] 
}); 

你不知道哪個順序，他們將返回，所以如果你用手滾動這一點，你會需要檢查另一個請求的狀態並等到它返回。

Answer 2

您需要將第二個調用連接到第一個ajax調用的回調中。像這樣：

success: function(msg) 
{ 
    alert(msg.d.data); 

    if(par02.length > 0) 
    { 
     // Your 2nd ajax call 
    } 
}, 

由於JavaScript的犯規在多線程的客戶端上運行，直到某些條件得到滿足，你不能阻塞線程。

Answer 3

下面是運行雙重ajax請求的另一個答案。像TEJS，用戶進行成功的方法中調用Ajax ...

的海報指出你最好有成功的方法推出新的Ajax請求。」

Having two $.ajax() calls in one script

Answer 4

使用jQuery的

$.ajax({ 
     type: "POST", 
     async:false, // ** CHANGED ** 
     url: "getText.asmx/ws_getText", 
     data: parO1, 
     contentType: "application/json; charset=utf-8", 
     dataType: "json", 
     success: function (msg) { 
      alert(msg.d.data); 
     } 
     , error: function() { 
      chyba("chyba v požadavku", "df"); 
     } 
    });