AJAX（Asynchronous JavaScript and XML）是一種無需刷新整個頁面即可與服務器進行數據交互的技術。它能夠實現異步加載數據，提高用戶的體驗和頁面的效率。本文將介紹如何使用AJAX接收數組JSON數據，并通過舉例說明其應用場景和使用方式。

在前端開發中，經常會遇到需要從服務器獲取數組類型的JSON數據的情況。假設我們正在開發一個電商網站，在商品詳情頁中需要展示當前商品的評價信息，包括評價內容和評分。服務器返回的數據格式如下：

[
{
"content": "這個商品真棒！買了好幾次了。",
"rating": 5
},
{
"content": "質量不錯，物超所值。",
"rating": 4
},
{
"content": "不太滿意，退貨了。",
"rating": 2
}
]

要使用AJAX接收數組JSON數據，我們首先需要創建一個XMLHttpRequest對象，用于與服務器進行通信。然后，通過調用XMLHttpRequest.open()方法設置HTTP請求方式和服務器地址。接下來，通過調用XMLHttpRequest.send()方法發送請求。當服務器返回響應時，我們可以通過調用XMLHttpRequest.responseText屬性獲取響應的內容。

var xhr = new XMLHttpRequest();
xhr.open('GET', '/api/reviews', true);
xhr.send();
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE) {
var response = JSON.parse(xhr.responseText);
console.log(response);
}
};

上述代碼示例中，我們使用GET請求方式向服務器發送了一個請求，地址為/api/reviews。當服務器返回響應時，我們通過JSON.parse()方法將響應的內容解析為JavaScript對象，然后可以對其進行處理。在這個例子中，我們將響應打印到控制臺上。

在實際開發中，我們可以根據接收到的數組JSON數據，動態渲染頁面內容。繼續以商品評價信息為例，我們可以通過遍歷數組JSON數據，將每個評價顯示在頁面上：

var xhr = new XMLHttpRequest();
xhr.open('GET', '/api/reviews', true);
xhr.send();
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE) {
var response = JSON.parse(xhr.responseText);
var reviewsContainer = document.getElementById('reviews');
for (var i = 0; i < response.length; i++) {
var review = response[i];
var reviewElement = document.createElement('div');
reviewElement.innerHTML = '<p>評價內容：' + review.content + '</p><p>評分：' + review.rating + '</p>';
reviewsContainer.appendChild(reviewElement);
}
}
};

在上述代碼示例中，我們通過遍歷數組JSON數據，創建一個包含評價內容和評分的div元素，然后將其添加到頁面上的reviews容器中。這樣，每個評價信息都會以指定的格式顯示在頁面上。

通過上述示例，我們可以看到AJAX接收數組JSON數據的過程：創建XMLHttpRequest對象，發送請求，解析響應數據，并對其進行處理。這種方式使得我們能夠異步加載數據，提高了網頁的性能和用戶體驗，尤其在需要實時更新數據的場景下，AJAX能夠發揮重要作用。