AJAX（Asynchronous JavaScript and XML）是一種在Web開發中用于實現頁面無刷新更新的技術。使用AJAX可以通過JavaScript從服務器異步獲取數據，并將數據顯示在網頁上。在使用AJAX獲取數據時，最常見的數據格式就是JSON（JavaScript Object Notation）數組。JSON數組是一種輕量級的數據交換格式，常用于前后端數據傳遞。本文將介紹如何使用AJAX獲取JSON數組的數據，并通過舉例說明各個步驟的實現。

步驟一：創建XMLHttpRequest對象

在使用AJAX獲取數據之前，首先需要創建一個XMLHttpRequest對象，用于與服務器進行數據交互。

<script>
var xhr = new XMLHttpRequest();
</script>

步驟二：發送AJAX請求

創建完XMLHttpRequest對象后，需要發送一個AJAX請求到服務器，并指定需要獲取數據的URL。

<script>
xhr.open("GET", "data.json", true);
xhr.send();
</script>

步驟三：處理服務器響應

當服務器返回響應時，需要在JavaScript中編寫相應的代碼來處理這些數據。

<script>
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
var response = xhr.responseText;
var data = JSON.parse(response);
// 進一步處理數據
}
};
</script>

步驟四：處理JSON數據

在接收到服務器返回的響應后，需要將數據從JSON字符串解析為JavaScript對象，以便于在網頁上使用。

<script>
var response = xhr.responseText;
var data = JSON.parse(response);
</script>

步驟五：展示數據

最后一步是將獲取到的數據展示在網頁上，可以通過DOM操作來實現。

<script>
// 假設data是一個包含多個對象的JSON數組
for (var i = 0; i < data.length; i++) {
var item = data[i];
// 獲取對象的屬性，并將其展示在網頁上
var name = item.name;
var age = item.age;
// 假設頁面上有一個id為"output"的元素用于展示數據
document.getElementById("output").innerHTML += "Name: " + name + ", Age: " + age + "<br>";
}
</script>

通過以上五個步驟，就可以使用AJAX獲取JSON數組的數據，并將數據展示在網頁上。舉個例子，如果服務器返回以下JSON數組：

[
{
"name": "John",
"age": 25
},
{
"name": "Emily",
"age": 28
},
{
"name": "Tom",
"age": 22
}
]

則網頁上將顯示：

Name: John, Age: 25<br>Name: Emily, Age: 28<br>Name: Tom, Age: 22

以上就是使用AJAX獲取JSON數組的完整步驟和實現方法。通過這種方式，可以使網頁實現動態更新數據的效果，提升用戶體驗。