如何根據彼此做多個jQuery Ajax請求？

Question

，如果我想要做後海誓山盟幾個Ajax請求，他們需要等待海誓山盟我使用jQuery的1.11，但什麼，是唯一的解決方案，然後將它們巢這樣的：

// Ajax #1 ------------------------------- 
$.ajax({ 
    dataType: "json", 
    url: "index.json", 
    data: { urlVar1:val1,urlVar2:val2}, 
    success: function(data1) { 

    // stuff for Ajax #1 ... 

    // Ajax #2 --------------------------- 
    $.ajax({ 
     dataType: "json", 
     url: "index.json", 
     data: { urlVarA:data1-val1,urlVarB:data1-val2}, 
     success: function(data2) { 

     // stuff for Ajax #2 ... 

     // Ajax #3 ----------------------- 
     $.ajax({ 
      dataType: "json", 
      url: "index.json", 
      data: { urlVarX:data2-val1,urlVarY:data2-val2}, 
      success: function(data3) { 

      // stuff for Ajax #3 ... 

      } // $.ajax.success #3 
     }); // $.ajax #3 ----------------- 

     } // $.ajax.success #2 
    }); // $.ajax #2 --------------------- 


    } // $.ajax.success #1 
}); // $.ajax #1 ------------------------- 

在現實生活中的實踐我需要Ajax #1獲取多個組... Ajax #2應該處理這些組並獲取子組，Ajax #3應該從這些子組中獲取單獨的行。

從理論上講，我可以用一次調用就可以完成這3個Ajax調用，但這同樣可以理解如何實現這一點，因爲我認爲嵌套方法在我的代碼中很快就會變得太亂。

Answer 1

。然後將使這更清潔。

// Ajax #1 ------------------------------- 
$.ajax({ 
    dataType: "json", 
    url: "index.json", 
    data: { urlVar1:val1,urlVar2:val2} 
}).then(function(data1){ 
    // Ajax #2 --------------------------- 
    return $.ajax({ 
     dataType: "json", 
     url: "index.json", 
     data: { urlVarA:data1-val1,urlVarB:data1-val2} 
    }); 
}).then(function(data2) { 

    // stuff for Ajax #2 ... 

    // Ajax #3 ----------------------- 
    return $.ajax({ 
     dataType: "json", 
     url: "index.json", 
     data: { urlVarX:data2-val1,urlVarY:data2-val2} 
    }); 
}).then(function(data3) { 
    console.log(data3); 
}).fail(function(){ 
    console.log("something happened...",arguments); 
    console.log(this.url) 
}); 

Answer 2

也許你可以試試這個：

$.when($.getJSON('index.json', { urlVar1 : val1, urlVar2 : val2 }), 
     $.getJSON('index.json', { urlVarA : data1-val1, urlVarB : data1-val2 }), 
     $.getJSON('index.json', { urlVarX : data2-val1, urlVarY : data2-val2 }) 
).then(function(data1, data2, data3){ 
    console.log(data1); 
    console.log(data2); 
    console.log(data3); 
});