在Web開發過程中，經常會遇到需要使用form表單來提交數據的場景。一般來說，我們會通過傳統的提交方式將表單數據發送到后端服務器，然后服務器進行處理。然而，這種方法需要整個頁面刷新，用戶體驗較差。

為了能夠實現異步提交表單數據，并且不刷新頁面，我們可以使用AJAX來實現。AJAX（Asynchronous JavaScript and XML）是一種在不重新加載整個頁面的情況下，通過后臺與服務器進行數據交換的技術。下面我們將通過代碼舉例來說明如何使用AJAX獲取form表單提交的數據。

<form id="myForm" method="POST" action="/submit">
<input type="text" name="username" placeholder="請輸入用戶名"></input>
<input type="password" name="password" placeholder="請輸入密碼"></input>
<button type="submit">提交</button>
</form>
<script src="https://cdn.jsdelivr.net/npm/axios@0.19.0/dist/axios.min.js"></script>
<script>
var form = document.getElementById("myForm");
form.addEventListener("submit", function(event) {
event.preventDefault(); // 阻止表單默認的提交行為
var formData = new FormData(form); // 創建一個FormData對象來收集表單數據
axios.post('/submit', formData)
.then(function (response) {
console.log(response.data);
})
.catch(function (error) {
console.log(error);
});
});
</script>

上述代碼中，我們首先定義了一個form表單，并指定了提交方式為POST，并設置了一個id為"myForm"。在form的submit事件監聽函數中，我們通過event.preventDefault()方法來阻止表單默認的提交行為。然后，我們創建了一個FormData對象，將表單數據收集起來。

接下來，我們使用axios庫來發送POST請求，將FormData對象作為請求的參數傳遞給后端服務器。在這里，我們假設后端服務器的接口為"/submit"。當服務器返回響應后，我們可以通過.then()方法來獲取服務器返回的數據，并對數據進行處理，例如在控制臺輸出，或者更新頁面中的某個元素。

下面我們用一個具體的例子來說明上述代碼的應用場景。假設我們有一個注冊表單，用戶需要輸入用戶名和密碼。在提交表單之后，我們希望能夠立即顯示一條提示信息，來告知用戶注冊是否成功。

<form id="registerForm" method="POST" action="/register">
<input type="text" name="username" placeholder="請輸入用戶名"></input>
<input type="password" name="password" placeholder="請輸入密碼"></input>
<button type="submit">注冊</button>
</form>
<div id="message"></div>
<script>
var form = document.getElementById("registerForm");
var message = document.getElementById("message");
form.addEventListener("submit", function(event) {
event.preventDefault();
var formData = new FormData(form);
axios.post('/register', formData)
.then(function (response) {
message.innerHTML = response.data.message;
})
.catch(function (error) {
console.log(error);
});
});
</script>

上面的代碼中，我們增加了一個div元素，用于顯示注冊結果的提示信息。在表單提交后，服務器會返回一個JSON對象，其中包含一個名為"message"的字段，對應著注冊結果的提示信息。我們通過設置message.innerHTML來更新div元素中的內容，從而實現提示信息的顯示。

通過以上的示例代碼，我們可以看到，使用AJAX獲取form表單提交的數據可以實現無刷新提交，并且能夠及時地處理服務器返回的結果，提高了用戶體驗。

總結起來，AJAX是一種非常有用的技術，可以用于在Web開發中優化表單數據的提交。通過使用AJAX獲取form表單提交的數據，可以實現異步提交，并且在不刷新整個頁面的情況下更新頁面內容。這在一些需要及時反饋結果給用戶的場景下非常有用，例如注冊、登錄等操作。希望本文能對讀者理解和應用AJAX獲取form表單提交的數據有所幫助。