Ajax是一種在Web開發中常用的技術，它可以通過異步的方式向后臺提交表單，并實時獲取返回的數據，而無需刷新整個頁面。這種交互方式使得用戶體驗更加流暢，大大提高了頁面的響應速度。本文將介紹如何使用Ajax提交form表單，并獲取返回的數據。

假設我們有一個登錄頁面，用戶需要輸入用戶名和密碼，然后點擊登錄按鈕進行登錄。在傳統的方式中，用戶點擊登錄按鈕后，整個頁面會提交表單到后臺進行驗證，并刷新整個頁面來顯示登錄結果。但是這個過程可能會花費一定的時間，給用戶帶來不好的體驗。

通過使用Ajax，我們可以在不刷新整個頁面的情況下，將表單數據異步地發送到后臺，并實時獲取后臺返回的登錄結果。下面是一個示例代碼：

$(document).ready(function(){
$("form").submit(function(event){
event.preventDefault(); // 阻止表單的默認提交行為
var username = $("#username").val();
var password = $("#password").val();
$.ajax({
url: "login.php",  // 后臺處理登錄的URL
type: "POST",  // 使用POST方式提交表單數據
data: {username: username, password: password},  // 表單數據
success: function(response){
// 處理后臺返回的數據
if(response == "success"){
// 登錄成功，跳轉到主頁
window.location.href = "home.php";
} else {
// 登錄失敗，顯示錯誤信息
$("#error-message").text("用戶名或密碼不正確");
}
}
});
});
});

在上面的代碼中，我們首先使用jQuery的ready函數來確保頁面加載完成后再執行腳本。然后，我們通過選擇器來獲取表單元素，并監聽submit事件。當用戶提交表單時，我們使用preventDefault方法阻止表單的默認提交行為。

接下來，我們獲取用戶名和密碼的值，并使用$.ajax函數來發送異步請求到后臺。在這個函數中，我們需要指定后臺處理登錄的URL，使用POST方式提交表單數據，以及傳入表單的數據。最后，我們設置了一個回調函數success，當后臺返回數據后，在這個函數中進行處理。

在success函數中，我們首先判斷后臺返回的數據是否為"success"。如果是，表示登錄成功，我們可以通過window.location.href來跳轉到主頁；如果不是，表示登錄失敗，我們可以將錯誤信息顯示在頁面上，這里使用了ID為"error-message"的元素來顯示錯誤信息。

通過上述的代碼，我們實現了通過Ajax提交form表單并獲取返回的數據，從而提高了用戶體驗。在實際開發中，我們還可以對數據進行有效性檢驗，進一步優化用戶交互。如，通過使用正則表達式來驗證用戶名和密碼的格式是否正確。

總之，Ajax是一種非常實用的技術，可以實現頁面異步交互，提高用戶體驗。通過使用Ajax提交form表單并獲取返回的數據，我們可以在不刷新整個頁面的情況下，實時地與后臺進行交互，給用戶帶來更好的體驗。