AJAX是一種強大的技術，可以通過發送JSON數據來獲取服務器返回的數據。JSON（JavaScript Object Notation）是一種輕量級的數據交換格式，其結構簡單明了，易于閱讀和編寫，因此廣泛應用于前后端數據傳輸。

AJAX可以在不刷新整個頁面的情況下與服務器進行交互，并實時更新網頁內容。通過發送JSON數據，我們可以向服務器發送請求，并獲取返回的數據，以便動態地更新頁面上的內容。

假設我們有一個簡單的網站，上面展示了不同用戶的個人信息。我們可以使用AJAX發送JSON數據到服務器，然后根據返回的數據，動態地顯示用戶的個人信息。

// 創建一個XMLHttpRequest對象
var xhr = new XMLHttpRequest();
// 創建一個JSON對象
var user = {
id: 123,
name: "John Doe"
};
// 將JSON對象轉換為字符串
var json = JSON.stringify(user);
// 打開一個POST請求，向服務器發送JSON數據
xhr.open("POST", "http://example.com/users", true);
// 設置請求頭，指定發送的是JSON數據
xhr.setRequestHeader("Content-Type", "application/json");
// 當服務器返回數據時觸發的函數
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 服務器返回的數據
var response = JSON.parse(xhr.responseText);
// 根據返回的數據更新網頁內容
document.getElementById("user-info").innerHTML = "ID: " + response.id + "
Name: " + response.name;
}
};
// 發送JSON數據
xhr.send(json);

在上面的例子中，我們首先創建了一個XMLHttpRequest對象，用于發送和接收數據。然后，我們創建了一個名為"user"的JSON對象，其中包含了用戶的ID和姓名。接下來，我們將JSON對象轉換為字符串，以便將其發送到服務器。

然后，我們使用xhr.open()方法打開一個POST請求，并指定請求的URL。使用xhr.setRequestHeader()方法設置請求頭，告訴服務器發送的是JSON數據。

xhr.onreadystatechange屬性是一個回調函數，在服務器返回數據時被觸發。當readyState等于4且status等于200時，表示服務器成功返回了數據。我們可以通過xhr.responseText屬性獲取服務器返回的JSON數據，并使用JSON.parse()方法將其轉換為JavaScript對象，以便于處理和操作。

最后，我們根據返回的數據更新網頁上的內容。在這個例子中，我們將用戶的ID和姓名顯示在一個名為"user-info"的HTML元素中。

通過發送JSON數據并根據返回的數據更新網頁內容，我們可以實現動態加載用戶信息的功能。這樣，當用戶瀏覽網站時，可以實時獲取最新的個人信息，而不需要刷新整個頁面。

綜上所述，使用AJAX發送JSON數據并獲取返回的數據，是一種有效的前后端交互的方式。通過發送JSON數據，我們可以實現動態地獲取和更新網頁內容，增強了用戶體驗和網站的實用性。