本文將介紹 AJAX 和 JSON 的功能以及它們各自的作用。AJAX（Asynchronous JavaScript and XML）是一種使用前端技術實現與服務器進行異步通信的方法，而 JSON（JavaScript Object Notation）是一種輕量級的數據交換格式。AJAX和JSON廣泛應用于 Web 開發中，它們的結合可以實現與服務器間的數據交換和響應處理，使網站的用戶體驗更加流暢和高效。

AJAX 的主要功能是在不重載整個頁面的情況下，向服務器發送請求并接收響應。舉個例子，一個在線購物網站有一個商品列表頁面，用戶可以點擊商品圖片查看該商品的詳細信息。傳統的做法是點擊商品圖片后，整個頁面會重新加載，導致用戶的當前操作中斷。而使用 AJAX，可以通過點擊商品圖片，只發送異步請求，獲取該商品的詳細信息，并將其顯示在當前頁面的某個區域，而不需要重新加載整個頁面。這樣用戶的操作不會被打斷，極大地提升了用戶體驗。

實現 AJAX 的關鍵是使用 JavaScript 發送異步請求。以下是一個使用 AJAX 獲取服務器數據的示例：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'https://example.com/api/data', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
// 處理服務器返回的數據
}
};
xhr.send();

在上面的示例中，使用 XMLHttpRequest 對象創建了一個 GET 請求，并指定了請求的 URL。通過監聽 XMLHttpRequest 對象的狀態變化事件，可以在響應成功后獲取服務器返回的數據。由于 AJAX 可以發送異步請求，所以頁面不會等待服務器響應完才繼續執行其他操作。

而 JSON 則是一種以鍵值對的方式組織的數據格式。它的語法簡潔，易于閱讀和編寫，被廣泛用于數據的傳輸和交換。舉個例子，一個汽車銷售網站需要獲取不同品牌和型號的汽車信息，可以將這些信息以 JSON 的形式存儲在服務器上。當用戶在網站上選擇了特定品牌和型號后，可以使用 AJAX 發送異步請求獲取這些汽車的詳細信息，服務器返回的數據以 JSON 格式的字符串形式發送回去。前端可以通過解析 JSON 字符串，獲取到所需的數據，并將其展示給用戶。

以下是一個使用 JSON 格式存儲汽車信息的簡單示例：

{
"brands": [
{
"name": "BMW",
"models": ["X1", "X3", "X5"]
},
{
"name": "Mercedes",
"models": ["C-Class", "E-Class", "S-Class"]
}
]
}

通過解析上述 JSON 字符串，前端可以獲取到不同品牌的汽車信息，并根據用戶的選擇顯示相應的車型列表，實現了動態展示相關數據的功能。

綜上所述，AJAX 和 JSON 分別具有不同的功能，但它們可以結合使用，為網站帶來更好的用戶體驗和數據交換的能力。AJAX 提供了與服務器進行異步通信的方式，使頁面的操作更加流暢；而 JSON 作為一種輕量級的數據交換格式，方便數據的傳輸和解析，提高了前后端數據交互的效率。