AJAX（Asynchronous JavaScript and XML）是一種在客戶端和服務器之間實現異步通信的技術。通過使用AJAX，我們可以在不刷新整個頁面的情況下，向服務器發送請求并接收響應。

在現代的網站開發中，表單驗證是一個重要的環節。用戶在填寫表單時，我們需要對其輸入內容進行驗證以確保數據的合法性。郵箱是一個常見的驗證對象。

在以下示例中，我們將使用AJAX和JSON來驗證用戶輸入的郵箱地址是否有效。

// 獲取表單輸入的郵箱地址
var emailInput = document.getElementById("email").value;
// 創建一個新的 XMLHttpRequest 對象
var xhr = new XMLHttpRequest();
// 設置響應的回調函數
xhr.onreadystatechange = function() {
if (this.readyState === 4 && this.status === 200) {
var response = JSON.parse(this.responseText);
if (response.valid) {
// 郵箱地址有效
document.getElementById("emailResult").innerHTML = "郵箱地址有效";
} else {
// 郵箱地址無效
document.getElementById("emailResult").innerHTML = "郵箱地址無效";
}
}
};
// 發送異步請求
xhr.open("GET", "validateEmail.php?email=" + emailInput, true);
xhr.send();

在上面的示例中，我們首先獲取用戶在表單中輸入的郵箱地址。然后，我們使用XMLHttpRequest對象創建一個新的請求。指定請求的類型、URL和是否采用異步方式進行通信。接下來，我們設置響應的回調函數，該函數將在請求狀態改變時被觸發。

當請求的狀態為4（已完成）且響應的狀態為200（成功）時，該回調函數將被執行。我們首先將響應的內容（responseText）解析為JSON對象。然后，我們根據服務器返回的數據判斷郵箱地址是否有效，并在頁面上顯示相應的提示信息。

對于服務器端的驗證代碼，以下是一個簡單的示例：

$email = $_GET["email"];
$response = array();
if (filter_var($email, FILTER_VALIDATE_EMAIL)) {
// 郵箱地址有效
$response["valid"] = true;
} else {
// 郵箱地址無效
$response["valid"] = false;
}
echo json_encode($response);

在上面的示例中，我們首先從GET請求的參數中獲取用戶輸入的郵箱地址。然后，使用filter_var函數對郵箱地址進行驗證。如果郵箱地址有效，我們將valid字段設置為true；否則，將valid字段設置為false。最后，我們使用json_encode函數將響應的內容轉換為JSON格式并輸出到客戶端。

通過使用AJAX和JSON，我們可以實現對用戶輸入的郵箱地址進行即時驗證，提升用戶體驗并減少不必要的服務器請求。這是使用AJAX技術解決表單驗證中的常見問題的一個示例。