在現代Web開發中，使用Ajax技術提交表單數據已經成為了一種常見的做法。通過Ajax提交表單，可以使得用戶在不刷新頁面的情況下完成數據的提交和響應。這種方式不僅能夠提升用戶體驗，還能夠減少服務器的壓力，提高系統的性能。下面將通過一個實際的例子，來演示如何使用Ajax提交表單，并介紹提交成功后的處理過程。

假設我們有一個簡單的登錄表單，包含用戶名和密碼兩個字段。用戶在輸入完畢后，點擊登錄按鈕，系統將會通過Ajax提交表單數據到服務器進行驗證。如果驗證成功，系統將返回一個成功的響應；如果驗證失敗，系統將返回一個失敗的響應。根據不同的響應，我們可以在客戶端上進行頁面的跳轉或者顯示相關的錯誤信息。

<form id="login-form" action="login.php" method="post">
<input type="text" name="username" placeholder="請輸入用戶名">
<input type="password" name="password" placeholder="請輸入密碼">
<input type="submit" value="登錄">
</form>

為了使用Ajax提交表單，我們需要在表單的提交事件上綁定一個處理函數，并阻止默認的表單提交行為。接著，我們需要使用JavaScript代碼通過Ajax技術將表單數據提交到服務器，并在獲得響應后進行處理。下面是一個使用jQuery庫來實現的例子：

$('#login-form').submit(function(event) {
event.preventDefault(); // 阻止表單的默認提交行為
// 獲取表單數據
var userData = {
username: $('input[name="username"]').val(),
password: $('input[name="password"]').val()
};
// 發送Ajax請求
$.ajax({
type: 'POST',
url: $(this).attr('action'),
data: userData,
success: function(response) {
if (response.success) {
// 登錄成功，跳轉到首頁
window.location.href = 'index.html';
} else {
// 登錄失敗，顯示錯誤信息
alert('登錄失敗: ' + response.message);
}
},
error: function() {
alert('請求失敗，請重試！');
}
});
});

在上述代碼中，我們首先阻止了表單的默認提交行為。然后，通過jQuery選擇器獲取表單中的用戶名和密碼字段的值，并將其組裝成一個JavaScript對象。（這里使用了jQuery的選擇器，可以方便地獲得表單中的各個字段的值。） 接下來，我們通過調用jQuery的$.ajax函數來發送請求。這里我們使用了POST方法，將表單數據以JSON格式作為請求的主體發送到服務器的login.php頁面。在發送成功后，將調用一個回調函數，根據服務器的響應來處理不同的情況。如果響應是成功的，我們將通過JavaScript代碼對頁面進行跳轉；如果響應是失敗的，我們將通過alert函數來提示用戶登錄失敗，并顯示錯誤信息。

通過以上的步驟，我們成功地使用Ajax技術提交了一個表單，并在服務器的響應后執行相應的處理。這種方式可以提高用戶的使用體驗，減少不必要的頁面刷新，同時也能更加快速地處理用戶的請求。在實際的Web開發中，我們可以根據具體的需求，靈活運用這種技術來提升我們的系統性能和用戶滿意度。