AJAX（Asynchronous JavaScript and XML）是一種用于創建快速動態網頁的技術和集合，它能夠在不刷新整個頁面的情況下更新頁面的內容。在使用AJAX時，我們常常需要循環輸出JSON（JavaScript Object Notation）數組的內容。本文將詳細介紹如何使用AJAX來循環輸出JSON數組，并通過舉例和代碼示例來說明。

首先，讓我們假設有一個JSON數組來存儲學生的信息，如下所示：

[
{
"name": "小明",
"age": 12,
"grade": 6
},
{
"name": "小紅",
"age": 11,
"grade": 5
},
{
"name": "小剛",
"age": 13,
"grade": 7
}
]

我們希望使用AJAX來循環輸出該JSON數組的內容，即依次顯示每個學生的姓名、年齡和年級。

為了實現這個目標，我們首先需要使用AJAX的XMLHttpRequest對象來請求該JSON文件：

var xhr = new XMLHttpRequest();  // 創建XMLHttpRequest對象
xhr.open('GET', 'students.json', true);  // 打開文件
xhr.onload = function() {
if (xhr.status === 200) {  // 請求成功
var students = JSON.parse(xhr.responseText);  // 將JSON字符串解析為JavaScript對象
// 循環輸出學生信息
for (var i = 0; i< students.length; i++) {
document.write('
姓名：' + students[i].name + '
');
document.write('
年齡：' + students[i].age + '
');
document.write('
年級：' + students[i].grade + '
');
}
}
};
xhr.send();  // 發送請求

在上面的代碼中，我們首先創建了一個XMLHttpRequest對象，并使用open方法打開了一個GET請求來獲取名為"students.json"的JSON文件。然后，我們在onload回調函數中處理請求的結果。如果請求成功（狀態碼為200），我們將通過JSON.parse方法將獲取到的JSON字符串轉換為JavaScript對象，然后使用for循環遍歷該數組，并使用document.write函數將每個學生的姓名、年齡和年級輸出到頁面上。

當瀏覽器執行該代碼時，它會發送一個AJAX請求來獲取JSON文件。一旦請求成功并獲得了JSON對象，for循環將按順序循環輸出每個學生的信息，即：

姓名：小明
年齡：12
年級：6

姓名：小紅
年齡：11
年級：5

姓名：小剛
年齡：13
年級：7

通過上述示例，我們可以清楚地看到AJAX如何循環輸出JSON數組的內容。這種技術不僅能夠實現動態更新頁面的效果，而且還可以提供更好的用戶體驗。