Ajax是一種在前端開發中經常使用的技術，它能夠實現頁面異步加載，提高用戶體驗。然而，在某些情況下，我們需要確保所有的Ajax請求都已經完成，才能繼續執行其他邏輯。本文將介紹如何使用jQuery和Promise來實現等待所有Ajax請求完成的方法，并通過示例來說明。

1. 使用jQuery的when方法

$ .when($.ajax("url1"), $.ajax("url2"), $.ajax("url3"))
.done(function(response1, response2, response3){
// 所有請求完成后執行的邏輯
});

使用jQuery的when方法可以將多個Ajax請求包裝成一個對象。當所有的Ajax請求都完成時，done函數將會被調用，我們可以在其中執行相應的邏輯。在上述代碼中，我們發起了三個Ajax請求，分別是url1、url2和url3，它們以參數的形式傳遞給when方法。完成時，通過done函數來處理請求的返回值。

2. 使用Promise.all方法

const promise1 = new Promise((resolve, reject) =>{
$.ajax("url1")
.done(function(response){
resolve(response);
})
.fail(function(error){
reject(error);
});
});
const promise2 = new Promise((resolve, reject) =>{
$.ajax("url2")
.done(function(response){
resolve(response);
})
.fail(function(error){
reject(error);
});
});
const promise3 = new Promise((resolve, reject) =>{
$.ajax("url3")
.done(function(response){
resolve(response);
})
.fail(function(error){
reject(error);
});
});
Promise.all([promise1, promise2, promise3])
.then(function(responses){
// 所有請求完成后執行的邏輯
})
.catch(function(error){
// 錯誤處理邏輯
});

Promise.all方法接受一個Promise數組作為參數，當所有的Promise都完成時，then函數將會被調用。與使用jQuery的when方法類似，我們可以在then函數中處理請求的返回值。上述代碼中，我們使用了ES6的Promise對象，并分別創建了promise1、promise2和promise3來表示三個Ajax請求。當所有請求都完成后，可以在then函數中執行相應的邏輯。

3. 示例說明

假設我們需要在頁面加載完畢后，依次發起三個Ajax請求，并在所有請求完成后顯示獲得的數據。我們可以使用上述的方法來實現：

$(document).ready(function(){
$.when(
$.ajax("url1"),
$.ajax("url2"),
$.ajax("url3")
).done(function(response1, response2, response3){
$(".data1").text(response1);  // 顯示第一個請求的數據
$(".data2").text(response2);  // 顯示第二個請求的數據
$(".data3").text(response3);  // 顯示第三個請求的數據
});
});

在上述代碼中，我們通過在頁面載入完成后綁定了一個ready事件，并在其中調用了when方法來等待所有Ajax請求完成。當請求完成后，我們將數據分別顯示在class為data1、data2和data3的元素上。

Ajax請求的完成順序不一定與發起的順序相同，因此在處理請求返回的數據時需要小心。另外，我們還可以使用fail方法來處理請求失敗的情況，以提高代碼的健壯性。

通過上述的示例，我們可以清楚地了解到如何使用jQuery和Promise來等待所有Ajax請求完成，并在請求完成后執行相應的邏輯。這將極大地提高我們在前端開發中處理異步請求的能力，為用戶提供更流暢的體驗。