AJAX（Asynchronous JavaScript and XML）是一種在不刷新整個頁面的情況下，通過與服務器異步通信獲取數據的技術。在使用AJAX獲取JSON數據之前，我們需要在后端創建一個接口，將數據以JSON格式返回給前端。通過AJAX獲取JSON數據后，前端可以根據返回的數據進行渲染和處理。本文將詳細介紹使用AJAX獲取JSON數據的過程，并舉例說明。

首先，我們需要在后端創建一個接口，將數據以JSON格式返回給前端。下面是一個簡單的示例，模擬后端返回一個包含學生信息的JSON數據：

// 后端接口示例
app.get('/students', (req, res) => {
// 模擬數據庫查詢，獲取學生信息
const students = [
{ name: '張三', age: 20, grade: '一年級' },
{ name: '李四', age: 21, grade: '二年級' },
{ name: '王五', age: 22, grade: '三年級' }
];
// 將學生信息以JSON格式返回給前端
res.json(students);
});

在前端頁面中，我們可以使用AJAX技術通過這個接口獲取后端返回的JSON數據，并進行展示。下面是一個使用jQuery的示例：

// 前端獲取JSON數據示例
$.ajax({
url: '/students',
type: 'GET',
dataType: 'json',
success: function(data) {
// 獲取成功后，可以對返回的JSON數據進行處理和渲染
data.forEach(function(student) {
// 渲染學生信息到頁面上
$('#student-list').append('<li>' + student.name + '，' + student.age + '歲，' + student.grade + '</li>');
});
},
error: function(xhr, status, error) {
// 獲取失敗時的處理
console.error(error);
}
});

在這個示例中，我們使用了jQuery的ajax方法，指定了請求的URL、請求方法和數據類型。在成功回調函數中，我們可以通過data參數獲取到后端返回的JSON數據，并進行遍歷處理。這里我們使用了forEach方法，將學生的姓名、年齡和年級信息渲染到一個id為student-list的列表元素中。

通過這種方式，我們可以輕松獲取后端返回的JSON數據，并在前端進行相應的處理和展示。AJAX技術的優勢在于能夠異步獲取數據，提高用戶體驗，避免整個頁面的刷新。在實際應用中，我們可以應用AJAX技術來實現各種功能，例如用戶登錄、搜索、動態加載等。

總結來說，使用AJAX獲取JSON數據的過程可以分為后端創建接口返回JSON數據和前端通過AJAX獲取并處理JSON數據兩個步驟。通過這種方式，我們可以靈活地與后端進行數據交互，并根據返回的數據實現各種功能。如上述示例，我們通過AJAX獲取后端返回的學生信息JSON數據，并在前端展示出來。希望通過本文的介紹，讀者可以更好地理解和應用AJAX技術來獲取JSON數據。