AJAX（Asynchronous JavaScript and XML）是一種用于在后臺與服務器進行異步通信的技術，它可以在不刷新整個頁面的情況下更新部分頁面內容。在現代 Web 應用程序中，AJAX 是一項非常重要的技術，它使用戶能夠獲得更加流暢且更具交互性的體驗。

一個常見的應用場景是在表單提交時使用 AJAX 請求來處理表單數據。傳統的表單提交方式會導致整個頁面刷新，而使用 AJAX 來提交表單數據，可以使用戶在不離開當前頁面的情況下提交表單并獲得響應結果。

假設我們有一個簡單的登錄表單，用戶名和密碼都是必填的。傳統的表單提交方式是用戶填寫完表單后點擊提交按鈕，然后整個頁面會刷新并顯示登錄結果。而使用 AJAX，我們可以將用戶填寫的數據通過 AJAX 請求發送到服務器，并在響應結果返回后，動態更新頁面的某個部分來顯示登錄結果。

<form id="loginForm" action="/login" method="post">
<label for="username">用戶名</label>
<input type="text" id="username" name="username" required>
<label for="password">密碼</label>
<input type="password" id="password" name="password" required>
<button type="submit">登錄</button>
</form>

上面的代碼是一個簡單的登錄表單，它使用了一個 ID 為 "loginForm" 的表單來接收用戶輸入的用戶名和密碼。提交按鈕的類型是 "submit"，當用戶點擊登錄按鈕時，表單會進行提交。我們可以使用 JavaScript 來監聽表單的提交事件，并通過 AJAX 請求將表單數據發送到服務器。

document.getElementById("loginForm").addEventListener("submit", function(event) {
event.preventDefault(); // 阻止表單默認的提交行為
var formData = new FormData(this); // 創建一個 FormData 對象
var xhr = new XMLHttpRequest(); // 創建一個 XMLHttpRequest 對象
xhr.open(this.method, this.action, true); // 設置請求的方法和 URL
xhr.onload = function() {
if (xhr.status === 200) {
// 處理響應結果，更新頁面的某個部分來顯示登錄結果
var response = xhr.responseText;
// ...
}
};
xhr.send(formData); // 發送請求
});

上面的 JavaScript 代碼監聽了表單的 "submit" 事件，當表單提交時，它會阻止默認的提交行為，并創建一個 FormData 對象來存儲表單數據。然后，它使用 XMLHttpRequest 對象來發起一個異步的 POST 請求，將表單數據發送到服務器。當服務器響應返回后，代碼根據響應結果來更新頁面的某個部分，以顯示登錄結果。

AJAX的表單請求不僅僅適用于登錄功能，還可以用于其它各種類型的表單，例如注冊、評論、搜索等。通過使用 AJAX 進行表單提交，可以提供更好的用戶體驗，并減少頁面的刷新，提高 Web 應用程序的性能。

總而言之，AJAX 的表單請求是一種非常有用的技術，它能夠以異步的方式與服務器進行通信，實現在不刷新整個頁面的情況下更新部分頁面內容。通過使用 AJAX 進行表單提交，可以提高用戶體驗，減少對服務器資源的消耗，提高 Web 應用程序的性能。