在現代的網站開發中，AJAX（Asynchronous JavaScript and XML）技術被廣泛應用于實現頁面異步加載和動態更新。其中最常見的應用便是通過AJAX獲取JSON數據，并將其展示在網頁上。AJAX獲取JSON數據的優勢在于可以在不刷新整個頁面的情況下，實時獲取后臺數據庫中的數據并更新到網頁上，從而提升用戶體驗。

舉個例子，假設我們正在開發一個電商網站，并且需要實時更新商品的庫存數量。在傳統的網頁開發中，若要獲取庫存數量，需要每次刷新整個頁面，這會造成不必要的延遲和資源浪費。然而，借助AJAX技術，我們只需向后臺請求獲取JSON數據，并將其展示在特定的位置，就能在用戶瀏覽商品時實時更新庫存數量。這樣，用戶可以及時知道商品是否有貨，提高了購物的便捷性和效率。

下面我們來看一下如何使用AJAX獲取JSON數據。在JavaScript中，首先我們需要創建一個XMLHttpRequest對象，用來與后臺進行數據交互。示例代碼如下：

var xhr = new XMLHttpRequest();

然后，我們需要指定請求的方法和URL，并設置回調函數以處理接收到的JSON數據。假設我們要獲取商品列表的JSON數據，并將其展示在頁面上：

xhr.open('GET', 'http://example.com/products', true);
xhr.onload = function() {
if (xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
// 對JSON數據進行處理，并將其展示在頁面上
// ...
}
};
xhr.send();

在上述代碼中，我們通過調用xhr.open方法指定了請求的方法（GET）和URL（http://example.com/products）。我們還傳入了一個布爾值true作為第三個參數，表示請求是異步的。接著，我們通過設置xhr.onload回調函數來處理接收到的JSON數據。當請求成功返回（狀態碼為200）時，我們使用JSON.parse方法將接收到的JSON字符串轉換為JavaScript對象，并進行相應的處理。

值得一提的是，AJAX獲取JSON數據還可以使用各種前端框架和庫，如jQuery、axios等，這些工具可以極大地簡化我們的代碼，并提供更多的便利功能。舉個例子，使用jQuery可以用以下簡潔的代碼實現相同的功能：

$.ajax({
url: 'http://example.com/products',
method: 'GET',
success: function(response) {
// 對JSON數據進行處理，并將其展示在頁面上
// ...
}
});

總結來說，AJAX獲取JSON數據在現代網站開發中發揮著重要作用。它可以實現頁面的異步加載和動態更新，提升用戶體驗。通過向后臺請求獲取JSON數據，并將其展示在頁面上，我們可以實時獲取后臺數據庫中的數據并進行相應的處理。不論是電商網站的商品庫存更新，還是社交網站的實時消息推送，AJAX獲取JSON數據都能為我們帶來便捷和效率。