AJAX多個請求的鏈式調用是一種常見的編程技巧，它可以在不阻塞頁面加載的情況下，按照特定順序依次發送多個請求，并根據每個請求的結果來進行相應的操作。這種方式非常適合處理多個依賴性較強的請求，例如獲取用戶信息后再發送相關請求，或者按照用戶的選擇聯動發送不同的請求。通過鏈式調用，我們可以更好地組織和控制請求的順序，并且提高代碼的可讀性和維護性。

假設我們有一個需求：在用戶登錄之后，首先需要獲取用戶的基本信息，然后根據用戶的角色來決定是否繼續發送其他請求。如果用戶是管理員，我們還需要獲取管理員權限的相關信息。最后，我們根據獲取的數據來渲染頁面。下面是一個示例代碼：

function getUserInfo(userId) {
return new Promise(function(resolve, reject) {
setTimeout(function() {
// 模擬發送獲取用戶信息的請求
var userInfo = {
id: userId,
name: "John Doe",
role: "admin"
};
resolve(userInfo);
}, 1000);
});
}
function getAdminInfo() {
return new Promise(function(resolve, reject) {
setTimeout(function() {
// 模擬發送獲取管理員信息的請求
var adminInfo = {
role: "admin",
permissions: ["create", "update", "delete"]
};
resolve(adminInfo);
}, 1000);
});
}
function renderPage(userInfo, adminInfo) {
// 根據獲取的數據來渲染頁面
var message = "Welcome, " + userInfo.name + "!";
if (userInfo.role === "admin") {
message += " You have " + adminInfo.permissions.length + " admin permissions.";
}
document.getElementById("message").innerText = message;
}
getUserInfo(123)
.then(function(userInfo) {
if (userInfo.role === "admin") {
return getAdminInfo().then(function(adminInfo) {
return { userInfo: userInfo, adminInfo: adminInfo };
});
}
return { userInfo: userInfo, adminInfo: null };
})
.then(function(data) {
renderPage(data.userInfo, data.adminInfo);
})
.catch(function(error) {
console.error(error);
});

在上面的代碼中，我們定義了三個函數：getUserInfo、getAdminInfo和renderPage。getUserInfo和getAdminInfo分別模擬了獲取用戶信息和管理員信息的異步請求，返回一個Promise對象。renderPage函數用來根據獲取的數據來渲染頁面。

在鏈式調用中，我們首先調用getUserInfo函數獲取用戶信息。在返回的Promise對象的then回調中，我們判斷用戶的角色是否為管理員。如果是管理員，我們繼續調用getAdminInfo函數獲取管理員信息，并返回一個包含用戶信息和管理員信息的對象。否則，返回一個只包含用戶信息的對象。

最后，我們調用then方法來傳入一個回調函數，該回調函數接收前面Promise的返回值。在這個回調函數中，我們調用renderPage函數來渲染頁面。如果任何一個Promise發生錯誤，我們可以通過調用catch方法來捕獲并處理錯誤。

通過這種方式，我們可以非常靈活地處理多個請求的順序和依賴關系。在實際開發過程中，我們可能還需要處理更復雜的場景，例如需要同時發送多個請求并在全部請求完成后進行下一步操作。不論場景如何，AJAX多個請求的鏈式調用都可以幫助我們更好地組織和控制代碼，提高開發效率。