在Web開發中，經常會涉及到與服務器進行數據交互的情況。在過去，這種數據交互通常需要刷新整個頁面才能獲得最新的數據。然而，隨著Ajax（Asynchronous JavaScript and XML，異步的 JavaScript 和 XML）的出現，我們能夠通過異步請求從服務器獲取最新的數據、更新網頁內容而無需刷新頁面。這在提升用戶體驗和網站性能方面具有重要的意義。

在Ajax中，JSON（JavaScript Object Notation）是一種常用的數據格式，用于在服務器和客戶端之間傳輸數據。與傳統的XML相比，JSON具有更加簡潔和易用的特點。同時，JSON的數據格式也很適合JavaScript處理。

接下來，我們將介紹如何使用Ajax接收JSON數據的過程。假設我們有一個獲取用戶信息的示例。服務器端返回的JSON數據如下：

{
"name": "Tom",
"age": 28,
"email": "tom@example.com"
}

首先，我們需要創建一個XMLHttpRequest對象，用于向服務器發送異步請求。代碼如下：

var xhr = new XMLHttpRequest();

然后，我們使用xhr.open()方法來配置請求，指定請求的方法、URL以及是否為異步請求。例如：

xhr.open("GET", "https://www.example.com/api/user", true);

接下來，我們需要設置xhr的onreadystatechange事件處理函數，當服務器響應完成時觸發該函數。在該函數中，我們可以通過xhr.status來獲取響應的狀態碼。如果狀態碼是200，則表示請求成功。

xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE) {
if (xhr.status === 200) {
// 處理響應數據
var response = JSON.parse(xhr.responseText);
console.log(response.name); // 輸出 "Tom"
} else {
console.log("請求失敗：" + xhr.status);
}
}
};

最后，使用xhr.send()方法發送請求。

xhr.send();

通過以上步驟，我們成功地使用Ajax接收并處理了服務器返回的JSON數據。通過解析JSON字符串，我們可以將數據轉換為JavaScript對象，并針對具體的業務邏輯進行處理。

總結來說，Ajax能夠以異步的方式從服務器獲取JSON數據，并實現頁面的動態更新，提升用戶體驗。無論是處理表單提交、加載新聞列表還是實現實時聊天，Ajax都是一種非常強大和常用的技術。