AJAX（Asynchronous JavaScript and XML）是一種在Web應用程序中使用的技術，它可以實現在不重新加載整個頁面的情況下，通過與服務器異步通信獲取數據并更新頁面的部分內容。JSON（JavaScript Object Notation）是一種輕量級的數據交換格式，它以易于理解的文本形式表示結構化數據，廣泛用于AJAX中作為數據的格式化方式。通過結合AJAX和JSON，開發人員可以實現更流暢的用戶體驗和快速的數據傳輸。

舉個例子來說明AJAX和JSON在Web應用程序中的應用。假設我們正在一個在線商城上瀏覽商品，當我們點擊“加入購物車”按鈕時，可以通過AJAX發送一個異步請求到服務器，將商品ID和數量傳遞給服務器端的API，并在不刷新整個頁面的情況下，實時地更新購物車的數量。而這個異步請求的數據格式通常會使用JSON進行格式化，服務器端會返回一個JSON對象，該對象包含了最新的購物車數量信息。通過JavaScript代碼解析返回的JSON數據，我們可以將購物車數量顯示在頁面上，而不需要重新加載整個頁面。

// AJAX請求示例
var xhr = new XMLHttpRequest();
xhr.open("POST", "/api/addToCart", true);
xhr.setRequestHeader("Content-Type", "application/json");
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
document.getElementById("cartCount").innerText = response.cartCount;
}
};
var data = JSON.stringify({productId: 123, quantity: 1});
xhr.send(data);

使用AJAX和JSON可以方便地實現與服務器的數據交互，這種方式能夠提升用戶體驗，減少不必要的頁面刷新。另外，JSON作為一種通用的數據格式，在不同的編程語言和平臺之間也易于解析和傳遞。舉個例子，開發人員可以使用AJAX和JSON來實現一個即時聊天應用，不同用戶之間的聊天消息可以通過JSON格式的數據進行傳輸，實時地更新對話框的內容。

在編寫AJAX請求時，需要注意設置正確的請求頭（setRequestHeader），以及將數據轉換為JSON格式（JSON.stringify）。服務器在接收到AJAX請求后，一般會返回一個JSON格式的響應。在前端代碼中，通過JSON.parse解析響應數據，并根據需要更新頁面的內容。

// AJAX請求示例
var xhr = new XMLHttpRequest();
xhr.open("GET", "/api/getData", true);
xhr.setRequestHeader("Accept", "application/json");
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
// 根據響應數據更新頁面
}
};
xhr.send();

綜上所述，AJAX和JSON是構建現代Web應用程序的重要技術。它們的結合可以實現與服務器的異步通信和數據交互，從而提升用戶體驗和數據傳輸效率。無論是實時更新購物車數量，還是構建即時聊天應用，AJAX和JSON都能發揮重要作用。