今天我們來討論一種前端技術，即使用Ajax來獲取JSON數據。通過Ajax可以在不刷新整個頁面的情況下，向服務器請求數據并將其展示在網頁上。這是一種非常常見的前端開發方式，可以提升用戶體驗并提高網頁的加載速度。

假設我們正在開發一個電商網站。當用戶點擊某個商品的詳情按鈕時，我們希望能夠在當前頁面直接展示該商品的詳細信息，而不是跳轉到一個新的頁面。這時，我們可以使用Ajax來發送請求并獲取服務器返回的JSON數據。例如：

$.ajax({
url: "/api/product/123",
method: "GET",
success: function(response) {
// 處理返回的JSON數據
$("#product-details").html(response.name + ": " + response.description);
}
});

在這個例子中，我們使用了jQuery框架提供的$.ajax方法。通過指定url和method，我們告訴Ajax去請求服務器上的某個接口地址。當請求成功后，服務器會返回一個包含商品詳細信息的JSON對象。我們可以通過success回調函數來處理這個返回的JSON數據，并將其展示在頁面上。

除了獲取數據，Ajax還可以用于向服務器發送數據。比如，當用戶點擊一個"加入購物車"按鈕時，我們可以使用Ajax將用戶選擇的商品發送給服務器，并等待服務器返回一個表示是否添加成功的JSON對象。例如：

var product = {
name: "iPhone 12",
price: 5999,
quantity: 1
};
$.ajax({
url: "/api/cart/add",
method: "POST",
data: JSON.stringify(product),
contentType: "application/json",
success: function(response) {
if (response.success) {
alert("添加成功！");
} else {
alert("添加失敗！");
}
}
});

在這個例子中，我們定義了一個JavaScript對象來表示用戶選擇的商品，然后使用Ajax的POST方法將該對象作為JSON數據發送給服務器。服務器接收到數據后會進行相應的處理，并返回一個JSON對象表示添加是否成功。通過判斷返回的JSON對象中的success屬性，我們可以在頁面上彈出相應的提示框，告訴用戶是否添加成功。

總之，通過使用Ajax來獲取JSON數據，我們可以實現動態加載和局部更新的效果，提升用戶體驗。無論是展示商品詳情還是進行后臺交互，Ajax都是一種非常實用的前端技術。