Ajax是一種常用的在網(wǎng)頁中獲取和顯示數(shù)據(jù)的技術(shù)。它能夠異步地向服務(wù)器發(fā)送請求，獲取數(shù)據(jù)并進(jìn)行處理，最后將結(jié)果展示在網(wǎng)頁上，而無需整體刷新頁面。其中最常見的數(shù)據(jù)格式就是JSON（JavaScript Object Notation）。本文將介紹如何使用Ajax來獲取JSON數(shù)據(jù)，并通過舉例進(jìn)行詳細(xì)說明。

首先，我們需要?jiǎng)?chuàng)建一個(gè)能夠發(fā)送Ajax請求的網(wǎng)頁。假設(shè)我們有一個(gè)名為data.json的JSON文件，其中包含了一組學(xué)生的信息：

{
"students": [
{
"name": "Tom",
"age": 20,
"major": "Computer Science"
},
{
"name": "Alice",
"age": 19,
"major": "Mathematics"
},
{
"name": "Bob",
"age": 21,
"major": "Physics"
}
]
}

接下來，我們需要在網(wǎng)頁中編寫JavaScript代碼來獲取并處理這些JSON數(shù)據(jù)。首先，我們創(chuàng)建一個(gè)XMLHttpRequest對象：

var xhr = new XMLHttpRequest();

然后，我們使用open方法指定請求的類型（GET或POST）和URL地址：

xhr.open('GET', 'data.json', true);

接著，我們注冊一個(gè)回調(diào)函數(shù)來處理服務(wù)器響應(yīng)的數(shù)據(jù)：

xhr.onload = function() {
if (xhr.status === 200) {
var data = JSON.parse(xhr.responseText);
console.log(data.students);
}
};

最后，我們發(fā)送請求：

xhr.send();

當(dāng)我們在網(wǎng)頁中運(yùn)行這段代碼時(shí)，它會(huì)向服務(wù)器發(fā)送一個(gè)請求，并將服務(wù)器返回的JSON數(shù)據(jù)保存在變量data中。我們可以通過data.students來獲取學(xué)生信息的數(shù)組，并進(jìn)行進(jìn)一步的處理和展示。

以獲取每個(gè)學(xué)生的姓名為例，我們可以使用forEach方法遍歷數(shù)組，并將每個(gè)學(xué)生的姓名打印在控制臺(tái)上：

data.students.forEach(function(student) {
console.log(student.name);
});

這樣，我們就可以獲取到每個(gè)學(xué)生的姓名，并進(jìn)行進(jìn)一步的操作，例如將其顯示在網(wǎng)頁上。

除了使用XMLHttpRequest對象，我們還可以使用jQuery中的ajax方法來獲取JSON數(shù)據(jù)。以下是使用jQuery的示例代碼：

$.ajax({
url: 'data.json',
method: 'GET',
dataType: 'json',
success: function(data) {
console.log(data.students);
}
});

以上代碼中，我們使用ajax方法指定了請求的URL地址、類型和數(shù)據(jù)類型，并通過success回調(diào)函數(shù)來處理服務(wù)器返回的數(shù)據(jù)。這種方式相比原生的XMLHttpRequest對象更加簡潔和方便。

綜上所述，通過使用Ajax可以方便地獲取和處理JSON數(shù)據(jù)。無論是使用原生的XMLHttpRequest對象還是jQuery的ajax方法，我們都能夠靈活地操作數(shù)據(jù)，并將其展示在網(wǎng)頁上。通過舉例的方式，我們希望讀者能夠更好地理解和掌握這一技術(shù)，以便在實(shí)際開發(fā)中應(yīng)用到自己的項(xiàng)目中。