在現代網頁開發中，我們經常需要通過表單來獲取用戶輸入的數據。傳統的表單提交方式需要刷新整個頁面，給用戶帶來了不便。而借助于Ajax技術，我們可以實現動態獲取表單數據，提升用戶體驗。

比如，我們有一個登錄表單，用戶需要輸入賬號和密碼。在傳統的方式下，當用戶點擊登錄按鈕后，頁面會刷新，然后顯示登錄成功或者失敗的消息。這種方式沒有即時性，用戶體驗較差。但是，如果我們使用Ajax動態獲取表單數據，用戶只需要輸入賬號和密碼，點擊登錄按鈕后，頁面不會刷新，而是通過Ajax請求向服務器發送數據，并異步獲取服務器返回的結果。這樣，用戶可以立即得到登錄成功或者失敗的反饋。

function login() {
var username = document.getElementById("username").value;
var password = document.getElementById("password").value;
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);
if (response.success) {
alert("登錄成功");
} else {
alert("登錄失敗");
}
}
};
xhr.send("username=" + encodeURIComponent(username) + "&password=" + encodeURIComponent(password));
}

在上面的例子中，我們使用了一個JavaScript函數來處理登錄按鈕的點擊事件。首先，我們獲取了輸入的賬號和密碼，然后創建一個XMLHttpRequest對象，并通過open方法指定請求的類型、地址和是否異步。另外，我們還設置了請求頭的Content-Type，告訴服務器請求的數據類型是表單數據。然后，我們定義了一個回調函數來處理服務器返回的結果。當readyState為4，status為200時，表示響應成功。我們將服務器返回的內容解析成JSON對象，并根據返回的success字段來判斷登錄是否成功，并做出相應的處理。

除了登錄表單，Ajax動態獲取表單數據還可以用于其他場景。比如，我們有一個注冊表單，用戶需要填寫賬號、密碼、郵箱等信息。傳統的方式下，用戶點擊注冊按鈕后，頁面會刷新，然后顯示注冊成功或者失敗的消息。但是，如果我們使用Ajax動態獲取表單數據，用戶只需要填寫表單信息，點擊注冊按鈕后，頁面不會刷新，而是通過Ajax請求向服務器發送數據，并異步獲取服務器返回的結果。這樣，用戶可以立即得到注冊成功或者失敗的反饋。

function register() {
var username = document.getElementById("username").value;
var password = document.getElementById("password").value;
var email = document.getElementById("email").value;
var xhr = new XMLHttpRequest();
xhr.open("POST", "/register", 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);
if (response.success) {
alert("注冊成功");
} else {
alert("注冊失敗");
}
}
};
xhr.send("username=" + encodeURIComponent(username) + "&password=" + encodeURIComponent(password) + "&email=" + encodeURIComponent(email));
}

在上面的例子中，我們使用了一個JavaScript函數來處理注冊按鈕的點擊事件。與登錄表單類似，我們首先獲取了輸入的賬號、密碼和郵箱，然后創建一個XMLHttpRequest對象，并通過open方法指定請求的類型、地址和是否異步。同樣地，我們設置了請求頭的Content-Type，告訴服務器請求的數據類型是表單數據。最后，我們定義了一個回調函數來處理服務器返回的結果，根據返回的success字段來判斷注冊是否成功，并做出相應的處理。

Ajax動態獲取表單數據可以提升用戶體驗，避免頁面刷新導致的不便。通過異步獲取表單數據，用戶可以立即得到反饋，無需等待頁面刷新。這種方式可以應用于各種表單場景，給用戶帶來更好的交互體驗。