AJAX（Asynchronous JavaScript And XML）是一種在網頁中進行異步請求并更新局部數據的技術。它通過前端JavaScript代碼與后端服務器進行通信，將數據以JSON（JavaScript Object Notation）格式進行交互。使用AJAX和JSON，可以實現實時的數據更新和無刷新的頁面內容更新，提升用戶體驗。

舉個例子來說明AJAX和JSON的使用場景。假設我們正在開發一個購物網站，用戶可以向購物車中添加商品。傳統的做法是在用戶點擊"加入購物車"按鈕后，頁面會重新加載并刷新購物車數據，但這樣會導致用戶體驗的下降。借助AJAX和JSON，我們可以在不重載整個頁面的情況下更新購物車數據。當用戶點擊"加入購物車"按鈕時，JavaScript代碼會向后端發送一個AJAX請求，后端返回一個包含更新后購物車數據的JSON對象。前端JavaScript代碼再根據返回的JSON對象更新購物車部分的網頁內容，這樣用戶就可以實時看到購物車中的商品變化，無需整個頁面的刷新。

AJAX和JSON的核心就是在前后端之間傳遞數據。JSON是一種輕量級的數據交換格式，以簡潔、易讀的文本形式表示結構化數據。它是基于JavaScript的，但可以被多種編程語言處理和解析。

使用AJAX發送請求時，我們通常使用XMLHttpRequest對象。下面是一個使用AJAX獲取JSON數據并展示的示例代碼：

const xhr = new XMLHttpRequest();
xhr.open("GET", "data.json", true);  // 向服務器發送請求
xhr.onreadystatechange = function() {
if(xhr.readyState === 4 && xhr.status === 200) {  // 請求成功
const data = JSON.parse(xhr.responseText);  // 解析返回的JSON數據
displayData(data);  // 在頁面中展示數據
}
}
xhr.send();  // 發送請求

上述代碼中，我們創建一個XMLHttpRequest對象，使用open方法指定請求的URL和請求方式（GET或POST）。在回調函數onreadystatechange中，我們判斷請求的狀態是否為4且狀態碼是否為200，這表示請求已成功返回。接著，我們使用JSON.parse方法解析返回的JSON數據，并調用displayData函數將數據展示在頁面上。

通過AJAX和JSON，我們可以實現更加靈活和高效的數據交互。例如，可以使用AJAX從后端獲取最新的新聞資訊并局部刷新頁面，用戶無需離開當前頁面就可以及時了解到新的內容。此外，使用AJAX和JSON還可以實現動態查詢功能，用戶可以輸入關鍵詞并實時獲取匹配的搜索結果。

總的來說，AJAX和JSON是現代Web開發中常用的技術，通過異步請求和局部刷新，提升了用戶體驗。AJAX通過XMLHttpRequest對象與后端進行數據交互，而JSON作為一種輕量級的數據交換格式，方便前后端數據的傳遞和解析。通過合理地運用AJAX和JSON，我們可以實現更加靈活、高效的Web應用。