Ajax（Asynchronous JavaScript and XML）是一種在Web開發中用于創建異步請求的技術，而JSON（JavaScript Object Notation）是一種輕量級的數據交換格式。通過結合使用Ajax和JSON，可以實現在網頁中無需刷新頁面的情況下，與服務器進行數據交互和更新。這種技術在現代Web應用程序中非常常見，提供了更加流暢和用戶友好的用戶體驗。

使用Ajax和JSON，我們可以在用戶點擊頁面上的按鈕時，向服務器發送異步請求獲取數據，而無需刷新整個頁面。這在一個電子商務網站上很容易說明。當用戶瀏覽商品目錄，點擊商品詳情時，站點可能使用Ajax來獲取該商品的相關信息，如商品名稱、價格、庫存、配送信息等。而這些信息將以JSON格式返回，前端代碼可以解析這個JSON響應，并在頁面上更新商品的相關數據，而無需刷新整個頁面。

下面是一段使用Ajax和JSON的代碼示例：

// 創建一個XMLHttpRequest對象
var xhr = new XMLHttpRequest();
// 設置請求參數和請求URL
xhr.open('GET', 'https://api.example.com/products/1234', true);
// 設置回調函數，當請求成功返回時執行
xhr.onload = function() {
if (xhr.status === 200) {
// 解析JSON響應
var product = JSON.parse(xhr.responseText);
// 更新頁面上的商品信息
document.getElementById('product-name').innerHTML = product.name;
document.getElementById('product-price').innerHTML = '$' + product.price;
document.getElementById('product-stock').innerHTML = product.stock + ' in stock';
}
};
// 發送請求
xhr.send();

在這個示例中，我們創建了一個XMLHttpRequest對象，并使用該對象發送一個GET請求到服務器，請求URL為'https://api.example.com/products/1234'。在請求成功返回時，我們解析了返回的JSON響應，并更新了頁面上的商品名稱、價格和庫存信息。

通過使用Ajax和JSON，我們可以創建功能豐富、高性能的Web應用程序。Ajax和JSON的結合不僅對用戶體驗非常重要，而且對服務器的壓力也有所減輕。因為Ajax請求是異步的，用戶可以在等待請求返回的同時繼續瀏覽頁面或進行其他操作。另外，由于JSON格式非常緊湊和易于解析，它在數據傳輸方面比傳統的XML格式更高效。

總的來說，Ajax和JSON是一對強大的組合，為我們提供了更好的用戶體驗和高效的數據交互。無論是在電子商務、社交媒體還是各種Web應用程序中，它們都扮演著重要的角色，成為現代Web開發的標準工具。