在現代的Web開發中，表單的提交是非常常見的需求。使用傳統的方式，當用戶點擊提交按鈕時，頁面會發生刷新，然后服務器接收到表單數據進行處理，最后返回處理結果給用戶。然而，這種方式會導致頁面刷新，用戶體驗較差。為了解決這個問題，Ajax（Asynchronous JavaScript and XML）技術應運而生。通過Ajax技術，我們可以在頁面上進行異步的數據交互，無需刷新整個頁面。本文將介紹如何使用Ajax獲取表單提交信息，并結合相關代碼進行說明。

假設我們有一個簡單的登錄表單，包含用戶名和密碼輸入框，以及一個提交按鈕。當用戶輸入用戶名和密碼后，點擊提交按鈕，我們希望能夠使用Ajax異步地向服務器發送表單數據，并獲取到服務器返回的驗證結果。

<form id="loginForm">
<input type="text" name="username" id="username" />
<input type="password" name="password" id="password" />
<button type="button" onclick="submitForm()">登錄</button>
</form>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
function submitForm() {
var username = $("#username").val();
var password = $("#password").val();
$.ajax({
url: "login.php",
type: "POST",
data: { username: username, password: password },
success: function(response) {
if (response === "success") {
alert("登錄成功！");
} else {
alert("登錄失敗，請檢查用戶名和密碼！");
}
},
error: function() {
alert("網絡錯誤，請重試！");
}
});
}
</script>

在上述代碼中，我們首先給登錄按鈕添加一個點擊事件的監聽函數submitForm()。該函數通過jQuery庫中的$("#username")和$("#password")獲取用戶名和密碼輸入框的值。然后使用$.ajax()函數來發送一個POST請求到指定的URL（此處為"login.php"），并將用戶名和密碼作為data參數傳遞給服務器。

服務器接收到請求后，進行相應的處理，并根據驗證結果返回相應的響應。在這個例子中，如果驗證成功，服務器返回"success"；否則返回"error"。我們在$.ajax()函數中使用success回調函數來處理服務器返回的響應。如果響應內容為"success"，則彈出"登錄成功"的提示框；否則彈出"登錄失敗，請檢查用戶名和密碼"的提示框。

如果發生了網絡錯誤或服務器異常，我們可以使用error回調函數來處理這種情況。當發生網絡錯誤時，彈出"網絡錯誤，請重試"的提示框。

通過上述代碼，我們實現了一個使用Ajax獲取表單提交信息的例子。用戶在填寫完登錄表單后，無需刷新整個頁面，即可獲得登錄結果的反饋。這種方式大大提升了用戶體驗，并減少了網絡請求的數據量，減輕了服務器的壓力。

需要注意的是，上述例子使用了jQuery庫來簡化操作，你也可以使用其他的Ajax庫或原生的JavaScript來實現相同的功能。Ajax技術在Web開發中具有廣泛的應用，無論是表單提交還是其他異步數據交互，都可以通過Ajax來實現。