Ajax是一種在Web開發中常用的技術，它可以在不刷新整個頁面的情況下，與服務器進行異步通信。然而，處理Ajax請求并確保正確的執行順序可能會有一些棘手的問題。一種解決方案是使用Promise對象，它可以更輕松地處理異步請求并使代碼更加簡潔和可讀。

假設我們有一個電商網站，在用戶提交訂單時，需要檢查庫存是否充足。我們可以使用Ajax發送請求到服務器，并根據返回的結果決定是否繼續處理訂單。使用Promise進行處理如下：

function checkInventory(item) {
return new Promise((resolve, reject) =>{
// 發送Ajax請求到服務器
$.ajax({
url: "/check_inventory",
method: "GET",
data: { item: item },
success: (response) =>{
if (response.available) {
resolve();
} else {
reject("庫存不足");
}
},
error: () =>{
reject("請求失敗，請重試");
}
});
});
}
function processOrder(item) {
checkInventory(item)
.then(() =>{
// 正確處理訂單
console.log("庫存充足，可以繼續處理訂單");
})
.catch((error) =>{
// 處理訂單錯誤
console.error("處理訂單錯誤：" + error);
});
}
processOrder("iPhone X");

在上述代碼中，我們定義了一個名為checkInventory的函數，用于發送Ajax請求并返回一個Promise對象。在請求成功時，我們使用resolve方法解決Promise；在請求失敗時，我們使用reject方法拒絕Promise。這個函數返回的Promise對象可以直接使用then和catch方法進行鏈式調用。

接下來，我們定義了一個名為processOrder的函數，用于處理訂單。在這個函數中，我們調用了checkInventory函數，并使用then方法定義了成功處理訂單的邏輯，使用catch方法定義了處理訂單錯誤的邏輯。

當我們調用processOrder函數時，它會發送Ajax請求來檢查庫存是否充足。如果庫存充足，then方法中的邏輯會被執行，否則catch方法中的邏輯會被執行。這使得我們能夠根據請求結果靈活地處理不同的情況。

接下來，我們再來看一個復雜一點的例子。假設我們的電商網站需要按照用戶選擇的商品數量進行計算，并顯示訂單總額。我們可以通過Promise的串聯使用來實現這個功能：

function calculatePrice(item, quantity) {
return new Promise((resolve, reject) =>{
// 發送Ajax請求到服務器
$.ajax({
url: "/calculate_price",
method: "GET",
data: { item: item, quantity: quantity },
success: (response) =>{
resolve(response.price);
},
error: () =>{
reject("請求失敗，請重試");
}
});
});
}
function displayTotalPrice(item, quantity) {
calculatePrice(item, quantity)
.then((price) =>{
// 顯示訂單總額
console.log("訂單總額：" + price);
})
.catch((error) =>{
console.error("計算價格錯誤：" + error);
});
}
displayTotalPrice("iPhone X", 2);

在上述代碼中，我們定義了一個名為calculatePrice的函數，用于計算商品的價格。這個函數返回的Promise對象在成功時會解決，并將價格作為參數傳遞給then方法；在失敗時會拒絕，并傳遞錯誤信息作為參數給catch方法。

接下來，我們定義了一個名為displayTotalPrice的函數，它用于顯示訂單的總額。在這個函數中，我們調用了calculatePrice函數，并使用then方法定義了顯示訂單總額的邏輯，使用catch方法定義了錯誤處理的邏輯。

當我們調用displayTotalPrice函數時，它會發送Ajax請求來計算商品的價格。如果計算成功，then方法中的邏輯將被執行，輸出訂單總額；如果計算失敗，catch方法中的邏輯將被執行，輸出計算價格的錯誤信息。

通過以上兩個例子，我們可以看到Promise對象是如何幫助我們更輕松地處理異步請求的。它使得我們可以更清晰地組織代碼，并以一種更直觀的方式展現我們的意圖。通過鏈式調用then和catch方法，我們可以更靈活地處理不同的情況，并增加代碼的可讀性和可維護性。