AJAX（Asynchronous JavaScript and XML）是一種在Web頁面中通過后臺與服務器進行異步數據交互的技術。相比傳統的網頁交互方式，使用AJAX可以在不刷新整個頁面的情況下更新部分內容，從而提升用戶體驗和頁面加載速度。

在Web開發中，經常會遇到需要從表單中獲取用戶輸入數據的場景。通過使用AJAX技術，可以方便地將表單提交過來的數據傳遞給后臺服務器進行處理，并在前端頁面展示結果。

假設我們有一個簡單的登錄表單，用戶需要輸入用戶名和密碼。通過AJAX獲取表單數據后，我們可以使用這些數據進行用戶登錄的驗證。下面是一個示例代碼：

<form id="loginForm" method="post" action="/login">
<input type="text" name="username" placeholder="用戶名">
<input type="password" name="password" placeholder="密碼">
<input type="submit" value="登錄">
</form>
<script>
document.getElementById('loginForm').addEventListener('submit', function(event) {
event.preventDefault(); // 阻止表單的默認提交行為
var formData = new FormData(this);
var xhr = new XMLHttpRequest();
xhr.open('POST', '/login');
xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
var response = xhr.responseText;
// 使用后端返回的結果進行頁面展示或其他操作
}
};
xhr.send(formData);
});
</script>

通過上述代碼，我們綁定了登錄表單的submit事件，并對事件進行了預處理，以阻止表單的默認提交行為。

在事件處理函數中，我們首先通過FormData構造函數創建了一個FormData對象，將表單元素的值包裝成一個鍵值對的形式。然后，我們使用XMLHttpRequest對象進行POST請求，將表單中的數據發送到后臺服務器的/login接口。

通過設置xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest')，我們告訴后臺服務器當前請求是通過AJAX發送的。這樣的設置可以在后臺服務器中進行識別，從而返回適合AJAX請求的數據格式。

當后臺服務器對請求進行處理并返回結果時，我們可以在xhr.onreadystatechange回調函數中進行相應的操作。在示例代碼中，我們通過xhr.responseText獲取了后臺返回的響應內容，并進行相應的處理。

比如，我們可以將響應內容顯示在頁面上，或者根據后臺返回的結果進行其他操作（比如登錄成功后重定向到其他頁面，或者提示用戶登錄失敗的信息）。

總結來說，通過使用AJAX技術獲取表單提交過來的數據，我們可以方便地在前端頁面進行數據傳遞和后續的處理操作。無論是用戶登錄、數據提交還是其他相關場景，AJAX都能夠大大提升Web應用的交互性和用戶體驗。