AJAX（Asynchronous JavaScript and XML）是一種在網頁上更新部分內容而不重新加載整個頁面的技術。它通過在后臺與服務器進行數據交換，實現了異步更新網頁的效果。在這篇文章中，我們將介紹一個關于使用 AJAX 獲取 JSON 數據的實例 6，并通過代碼和示例來說明其用法和功能。

在實例 6 中，我們將展示如何使用 AJAX 獲取一個包含多個對象的 JSON 數據，并將其顯示在網頁上。假設我們有一個服務器端的 JSON 文件，其中包含了不同用戶的信息，比如姓名、年齡和郵箱。我們希望通過 AJAX 請求獲取這些數據，并將其顯示在網頁上。

// AJAX 請求獲取 JSON 數據
var xmlhttp = new XMLHttpRequest();
var url = "users.json";
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
var users = JSON.parse(this.responseText);
displayUsers(users);
}
};
xmlhttp.open("GET", url, true);
xmlhttp.send();
// 顯示 JSON 數據
function displayUsers(users) {
var output = "";
for (var i = 0; i < users.length; i++) {
output += "<p>姓名：" + users[i].name + "</p>";
output += "<p>年齡：" + users[i].age + "</p>";
output += "<p>郵箱：" + users[i].email + "</p>";
}
document.getElementById("users").innerHTML = output;
}

首先，我們創建了一個XMLHttpRequest對象，并指定了要獲取的JSON文件的URL。然后，我們使用onreadystatechange事件來檢測 AJAX 請求的狀態變化。

當請求的狀態為 4（已完成）且狀態碼為 200（請求成功）時，我們通過JSON.parse()方法將請求返回的文本數據解析為JSON對象，并將其傳遞給displayUsers()函數進行顯示。

在displayUsers()函數中，我們使用一個循環來遍歷每個用戶，并將其屬性值加入到一個output變量中。通過使用innerHTML屬性，我們將output的內容放置在具有id="users"的HTML元素中，從而將 JSON 數據顯示在網頁上。

例如，假設我們的 JSON 文件如下所示：

[
{
"name": "John",
"age": 25,
"email": "john@example.com"
},
{
"name": "Jane",
"age": 30,
"email": "jane@example.com"
},
{
"name": "Mike",
"age": 35,
"email": "mike@example.com"
}
]

當我們在網頁上運行上述代碼時，我們將獲得如下結果：

姓名：John

年齡：25

郵箱：john@example.com

姓名：Jane

年齡：30

郵箱：jane@example.com

姓名：Mike

年齡：35

郵箱：mike@example.com

這里是一個使用 AJAX 獲取 JSON 數據的實例 6 的介紹和說明。通過上述代碼示例和解釋，我們希望能幫助讀者了解如何使用 AJAX 請求獲取包含多個對象的 JSON 數據，并將其在網頁上顯示。