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

首先，我們需要使用 JavaScript 中的 XMLHttpRequest 對(duì)象來(lái)發(fā)送 AJAX 請(qǐng)求。下面是一個(gè)簡(jiǎn)單的示例，展示了如何發(fā)送一個(gè) GET 請(qǐng)求并獲取 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();

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

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

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ù)組中的每個(gè)員工信息都遍歷了一遍，并將其打印到了控制臺(tái)上。你可以根據(jù)需要，將這些員工信息顯示在網(wǎng)頁(yè)的合適位置上。例如，你可以使用 DOM 操作來(lái)動(dòng)態(tài)生成一個(gè)表格，并將員工信息填充到表格中。

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

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

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

綜上所述，通過(guò) AJAX 獲取 JSON 多個(gè)數(shù)據(jù)可以通過(guò) XMLHttpRequest 對(duì)象發(fā)送 AJAX 請(qǐng)求并處理返回的 JSON 數(shù)據(jù)。我們可以使用各種方法來(lái)遍歷數(shù)據(jù)，并對(duì)其進(jìn)行相應(yīng)的處理操作。