AJAX (Asynchronous JavaScript and XML) 是一種在網頁中進行異步數據交互的技術。在大多數情況下，我們可以使用現有的庫或框架來封裝 AJAX 請求，同時指定并發請求數量。在本文中，我們將探討如何使用封裝并發數為 5 的 AJAX 請求。通過將代碼封裝到函數中，我們可以靈活地控制并發請求數量，從而更好地管理和優化網絡請求。

在開始了解如何設置并發數為 5 的 AJAX 請求之前，先讓我們看一個簡單的例子來說明并發數的概念。

function fetchData(callback) {
// 模擬網絡請求，請求時間為 1 秒
setTimeout(function() {
callback('Data received');
}, 1000);
}
function makeRequests() {
var requests = [];
for (var i = 0; i < 10; i++) {
requests.push(new Promise(function(resolve) {
fetchData(function(data) {
resolve(data);
});
}));
}
Promise.all(requests)
.then(function(responses) {
console.log(responses);
});
}
makeRequests();

在上面的代碼中，我們定義了一個名為fetchData的函數，它模擬了一個網絡請求，并在 1 秒后返回數據。然后我們使用一個循環生成了 10 個請求，并將它們存入一個數組中。最后，我們使用Promise.all來同時發送這些請求，并在所有請求完成后打印響應數據。

現在，我們來看一下如何將并發數限制為 5。我們可以使用一個計數器來記錄當前正在進行的請求數量，并在每個請求完成后，檢查計數器是否小于 5。如果小于 5，我們繼續發送下一個請求，否則我們等待其他請求完成，再繼續發送請求。

function makeLimitedRequests() {
var requests = [];
var limit = 5;
var counter = 0;
for (var i = 0; i < 10; i++) {
requests.push(new Promise(function(resolve) {
fetchData(function(data) {
// 請求完成后，計數器減一
counter--;
if (counter < limit) {
// 繼續發送下一個請求
sendNextRequest();
}
resolve(data);
});
}));
}
function sendNextRequest() {
if (requests.length > 0) {
// 從數組中取出一個請求
var request = requests.shift();
// 計數器加一
counter++;
request.then(function(data) {
console.log(data);
});
}
}
for (var i = 0; i < limit; i++) {
sendNextRequest();
}
}
makeLimitedRequests();

在上面的代碼中，我們引入了一個新的變量limit，用于指定并發請求數量的上限。我們還引入了一個計數器counter，用于記錄當前正在進行的請求數量。在發送請求之前，我們首先檢查計數器是否小于limit。如果小于，我們繼續發送下一個請求；否則，我們等待其他請求完成，再繼續發送請求。每個請求完成后，計數器會減一。通過這種方式，我們可以控制并發請求數量始終保持在limit以內。

通過封裝 AJAX 請求并設置并發數為 5，可以更好地管理和優化網絡請求。尤其當我們面對大量請求或網絡資源受限的情況時，限制并發數可以減輕服務器負載，提高響應速度。

希望本文對你理解如何封裝并發數為 5 的 AJAX 請求有所幫助。