在Web開發中，AJAX（Asynchronous JavaScript and XML）被廣泛應用于實現頁面無刷新的異步請求。通常，我們會使用AJAX異步請求獲取服務器上的數據，并將其展示在網頁上。然而，在某些情況下，我們需要使用AJAX來進行多個異步請求，如使用循環來獲取不同的數據。本文將從實際例子入手，介紹如何使用AJAX異步請求在for循環中獲取數據。

假設我們正在開發一個電商網站，我們需要展示一系列商品的名字和價格。這些商品的信息儲存在服務器的數據庫中，我們可以通過AJAX異步請求來獲取這些信息。為了展示所有的商品信息，我們需要多次發送AJAX請求并獲取不同商品的數據。

為了簡化示例，我們假設我們的電商網站有三個商品需要展示。每個商品都有一個id，我們可以通過不同的id請求不同的商品數據。下面是一個使用AJAX異步請求和for循環來獲取商品信息的例子：

// 創建一個空數組用于儲存商品信息
var products = [];
// 使用for循環發送AJAX請求并獲取商品數據
for (var i = 1; i <= 3; i++) {
// 創建一個新的XMLHttpRequest對象
var xhr = new XMLHttpRequest();
// 設置請求的方法、URL和是否異步
xhr.open('GET', '/getProduct?id=' + i, true);
// 監聽請求的狀態變化
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
// 解析服務器返回的JSON數據
var product = JSON.parse(xhr.responseText);
// 將商品信息添加到數組中
products.push(product);
// 如果數組中的商品信息數量等于要獲取的商品數量，即表示所有數據已經獲取完成
if (products.length === 3) {
// 所有商品信息都已獲取完成，可以進行后續操作
// 例如，將商品信息展示在網頁上
displayProducts(products);
}
}
};
// 發送AJAX請求
xhr.send();
}

在以上代碼中，我們使用for循環發送了三次AJAX請求。每次循環中，我們通過XMLHttpRequest對象創建一個AJAX請求，并設置請求的方法、URL以及異步標志（true表示異步）。然后，我們監聽請求的狀態變化，并在請求完成并且返回狀態碼為200時，通過JSON.parse()方法解析服務器返回的JSON數據，并將商品信息添加到數組中。最后，我們通過判斷商品信息數組的長度，當所有的商品信息都被獲取到之后，執行displayProducts()函數將商品信息展示在網頁上。

通過以上代碼，我們可以完成在for循環中使用AJAX異步請求獲取商品信息的操作。無論要獲取的商品信息的數量是多少，我們都可以通過簡單的更改循環條件和請求的URL來實現。這個例子展示了如何使用AJAX異步請求和for循環來動態獲取數據，并靈活地將其展示在網頁上。

需要注意的是，在實際項目中，我們可能會使用更加復雜的技術棧，如使用jQuery的$.ajax()方法或者使用框架中提供的Ajax方法來發送異步請求。然而，核心的思想和原理是相通的，我們可以根據實際項目的需求來選擇合適的方法。