AJAX（Asynchronous JavaScript and XML）是一種在網頁上實時獲取數據并更新部分內容的技術。在web開發中，經常使用AJAX來實現表單提交時的實時驗證和動態更新。本文將介紹如何使用AJAX來實現表單提交時的快速體檢功能，并以一個登錄表單為例進行說明。

在一個登錄表單中，用戶需要填寫用戶名和密碼，并點擊提交按鈕來登錄。為了提高用戶體驗，我們可以在用戶填寫表單時，實時驗證該用戶是否存在以及密碼是否正確，并將結果動態顯示在表單下方。

首先，我們需要在HTML頁面中定義一個表單，并使用AJAX來監聽表單提交事件：

<form id="loginForm">
<input type="text" id="username" name="username" placeholder="用戶名" />
<input type="password" id="password" name="password" placeholder="密碼" />
<button type="submit">登錄</button>
</form>
<div id="result"></div>
<script>
document.getElementById('loginForm').addEventListener('submit', function(event) {
event.preventDefault(); // 阻止表單默認的提交行為
var username = document.getElementById('username').value;
var password = document.getElementById('password').value;
// 使用AJAX發送請求
var xhr = new XMLHttpRequest();
xhr.open('POST', '/login', true);
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
document.getElementById('result').innerHTML = response.message;
}
};
xhr.send('username=' + encodeURIComponent(username) + '&password=' + encodeURIComponent(password));
});
</script>

在上述代碼中，我們通過監聽表單的submit事件來觸發AJAX請求。在表單提交事件的處理函數中，我們首先調用preventDefault()方法來阻止表單的默認提交行為，然后獲取用戶填寫的用戶名和密碼，并使用AJAX通過POST請求的方式將數據發送給服務器。

服務器接收到請求后，會驗證用戶名和密碼，并將驗證結果以JSON格式返回給客戶端。在AJAX的readyState為4（完成狀態）且狀態碼為200（成功）時，我們將返回的結果解析為JSON對象，并將結果動態顯示在頁面中的id為result的元素中。

上述示例中只是簡單地驗證了用戶名和密碼，并將驗證結果返回給客戶端。但在實際開發中，我們可以根據需要進行更復雜的驗證操作，例如驗證用戶名的唯一性、驗證密碼的強度等。

總結來說，使用AJAX在表單提交時進行快速體檢可以提高用戶體驗，避免了等待整個頁面刷新的時間。通過動態更新驗證結果，用戶可以實時得到反饋并進行更改。這種使用AJAX的表單體檢技術在多個應用場景中都非常實用。