AJAX（Asynchronous JavaScript and XML）是一種用于創(chuàng)建動態(tài)網(wǎng)頁的技術。它通過在后臺與服務器進行數(shù)據(jù)交換，實現(xiàn)了無需刷新整個頁面的局部更新。在使用 AJAX 時，我們常常需要獲取 JSON 格式的多個數(shù)據(jù)并將其顯示在網(wǎng)頁中。本文將介紹如何通過 AJAX 獲取 JSON 多個數(shù)據(jù)。

首先，我們需要使用 JavaScript 中的 XMLHttpRequest 對象來發(fā)送 AJAX 請求。下面是一個簡單的示例，展示了如何發(fā)送一個 GET 請求并獲取 JSON 格式的數(shù)據(jù)：

const xhr = new XMLHttpRequest();
xhr.open("GET", "data.json", true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
const data = JSON.parse(xhr.responseText);
console.log(data);
}
};
xhr.send();

上述代碼中，我們通過調用 XMLHttpRequest 對象的 open() 方法來指定請求的類型（GET），以及數(shù)據(jù)所在的 URL（這里假設為 data.json）。然后，我們通過設置 onreadystatechange 事件處理程序來處理響應結果。當 readyState 等于 4（即表示請求已完成）且 status 等于 200（即表示請求成功）時，我們將通過 JSON.parse() 方法將響應的文本解析為 JSON 格式的數(shù)據(jù)，并將其打印到控制臺上。

接下來，我們將通過一個例子來說明如何處理獲取到的 JSON 多個數(shù)據(jù)。假設我們需要獲取一個包含員工信息的數(shù)組，其中每個員工都有姓名、年齡和工資等屬性。例子代碼如下：

const xhr = new XMLHttpRequest();
xhr.open("GET", "employees.json", true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
const employees = JSON.parse(xhr.responseText);
employees.forEach(function(employee) {
console.log("姓名：" + employee.name);
console.log("年齡：" + employee.age);
console.log("工資：" + employee.salary);
console.log("--------------------");
});
}
};
xhr.send();

上述代碼中，我們將獲取到的 JSON 數(shù)組中的每個員工信息都遍歷了一遍，并將其打印到了控制臺上。你可以根據(jù)需要，將這些員工信息顯示在網(wǎng)頁的合適位置上。例如，你可以使用 DOM 操作來動態(tài)生成一個表格，并將員工信息填充到表格中。

除了上述方法外，我們還可以使用 jQuery 提供的 $.ajax() 方法來獲取 JSON 多個數(shù)據(jù)。示例代碼如下：

$.ajax({
url: "data.json",
type: "GET",
dataType: "json",
success: function(data) {
data.forEach(function(item) {
console.log(item);
});
}
});

以上代碼通過調用 $.ajax() 方法發(fā)送 AJAX 請求，并在成功響應時執(zhí)行回調函數(shù)。回調函數(shù)中的 data 參數(shù)即為獲取到的 JSON 數(shù)據(jù)。我們可以通過遍歷 data 數(shù)組，對每個元素進行進一步操作。

綜上所述，通過 AJAX 獲取 JSON 多個數(shù)據(jù)可以通過 XMLHttpRequest 對象發(fā)送 AJAX 請求并處理返回的 JSON 數(shù)據(jù)。我們可以使用各種方法來遍歷數(shù)據(jù)，并對其進行相應的處理操作。