AJAX（Asynchronous JavaScript and XML）是一種用于在不刷新整個頁面的情況下更新局部內容的技術。它通過向服務器發送異步請求并在后臺接收數據，將數據返回到頁面并進行處理。其中，最常見的數據交換格式是JSON（JavaScript Object Notation），它是一種輕量級的數據交換格式。使用AJAX接收JSON值可以實現動態更新頁面的效果，并提供了更好的用戶體驗。

舉個例子來說明，假設我們正在開發一個電商網站，我們需要在用戶點擊“加入購物車”按鈕后，將商品添加到購物車中，并顯示購物車中的物品數量。在傳統的頁面刷新方法中，每次點擊按鈕都需要刷新整個頁面才能顯示購物車數量變化。但是，通過使用AJAX接收JSON值，我們可以在后臺利用異步請求從服務器獲取購物車中的物品數量，并通過更新頁面中的DOM元素來動態顯示該數量，而無需刷新整個頁面。

首先，我們需要編寫JavaScript代碼，以便使用AJAX向服務器發送異步請求。以下是一個示例代碼：

const xhr = new XMLHttpRequest();
xhr.open('GET', 'https://example.com/api/getCartItemCount', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
const response = JSON.parse(xhr.responseText);
updateCartItemCount(response.count);
}
}
xhr.send();

在上面的代碼中，我們創建了一個XMLHttpRequest對象，然后使用open方法設置請求方法、URL和是否使用異步（true表示異步）。接下來，我們在onreadystatechange事件處理程序中檢查請求的狀態和響應狀態碼。如果請求成功，我們使用JSON.parse方法將服務器返回的JSON字符串轉換為JavaScript對象，并調用updateCartItemCount函數來更新購物車數量。

接下來，我們需要在HTML頁面中定義一個用于顯示購物車數量的DOM元素，并在JavaScript代碼中實現updateCartItemCount函數。以下是一個示例代碼：

<p><span id="cartItemCount">0</span></p>
<p>function updateCartItemCount(count) {
const cartItemCountElement = document.getElementById('cartItemCount');
cartItemCountElement.innerHTML = count;
}

在上面的代碼中，我們在HTML頁面中定義了一個具有id屬性的span元素，并在JavaScript代碼中使用getElementById方法獲取該元素。然后，我們將服務器返回的購物車物品數量賦值給該元素的innerHTML屬性，從而在頁面上動態顯示購物車數量。

綜上所述，使用AJAX接收JSON值可以實現動態更新頁面的效果，使用戶能夠在不刷新整個頁面的情況下獲取和顯示最新的數據。在開發各種網絡應用程序時，這種技術是非常有用的，并且可以大大提高用戶體驗。