在前端開發中，經常需要與后端進行數據交互。而使用Ajax技術可以以異步的方式獲取JSON數據，在頁面上進行展示和操作。本文將詳細介紹如何使用Ajax獲取JSON數據，并使用相關的代碼示例展示。

假設我們有一個簡單的網頁，需要從后端獲取一些用戶數據，并在頁面上進行展示。通過Ajax，我們可以在不刷新頁面的情況下，使用JavaScript從后端獲取JSON格式的數據，并使用獲取到的數據進行相應的操作。

// 使用jQuery庫的get方法進行Ajax請求
$.get("http://example.com/users", function(data) {
// 成功獲取到數據后的回調函數
// 這里的data參數就是獲取到的JSON數據
// 可以在這里對數據進行操作和展示
console.log(data);
});

上述代碼使用了jQuery庫的get方法，它發送了一個HTTP GET請求到"http://example.com/users"這個URL，并在請求成功后，調用了一個回調函數?；卣{函數的第一個參數"data"就是從后端獲取到的JSON數據。我們可以在回調函數中對數據進行處理，比如將獲取到的用戶數據展示在頁面上。

假設后端返回的JSON數據如下所示：

{
"users": [
{"name": "Alice", "age": 25},
{"name": "Bob", "age": 30},
{"name": "Charlie", "age": 35}
]
}

我們可以在回調函數中對獲取到的數據進行相應的處理和展示。比如，使用JavaScript將用戶數據添加到頁面的一個列表中：

$.get("http://example.com/users", function(data) {
var users = data.users;
var userList = $("#user-list");
for (var i = 0; i < users.length; i++) {
var user = users[i];
var listItem = $("<li>").text(user.name + " (age: " + user.age + ")");
userList.append(listItem);
}
});

上述代碼使用了jQuery的選擇器和DOM操作方法，將獲取到的用戶數據逐個添加到一個ID為"user-list"的容器中。每個用戶數據都生成一個列表項，顯示用戶的姓名和年齡。這樣，在頁面上就能夠展示出從后端獲取到的用戶數據。

通過Ajax獲取JSON數據，我們可以在不刷新頁面的情況下，實現與后端的數據交互。根據不同的需求，可以使用不同的HTTP請求方法（如GET、POST、PUT等）和jQuery的Ajax方法（如get、post、ajax等）。在獲取到JSON數據后，可以通過JavaScript對數據進行相應的處理和展示，從而提升用戶體驗和頁面的交互性。