在網頁開發中，使用Ajax技術提交表單是一種常見的做法。Ajax能夠實現無刷新提交表單，減少用戶等待時間和頁面刷新，提升用戶體驗。本文將介紹如何使用Ajax來提交表單，并且說明如何接收和處理這些表單數據。
假設我們有一個簡單的登錄表單，其中包含用戶名和密碼兩個輸入項。當用戶填寫完表單后，點擊登錄按鈕進行提交。我們使用了jQuery庫來簡化Ajax的操作。下面是一個示例的HTML代碼：

html
<form id="loginForm" action="login.php" method="post">
<label for="username">用戶名：</label>
<input type="text" id="username" name="username" /><br />
<label for="password">密碼：</label>
<input type="password" id="password" name="password" /><br />
<input type="button" id="loginButton" value="登錄" />
</form>

在以上代碼中，使用了id為"loginForm"的form元素來包裹了輸入框和登錄按鈕。當點擊登錄按鈕時，我們會觸發一個JavaScript函數來處理Ajax請求。
在JavaScript中，我們首先要獲取表單中的數據，并構建一個包含這些數據的JavaScript對象。然后，我們使用Ajax來發送這個對象給服務器，并等待服務器的響應。以下是一個處理Ajax請求的示例代碼：

javascript
$(document).ready(function() {
$('#loginButton').click(function() {
var formdata = {
username: $('#username').val(),
password: $('#password').val()
};
$.ajax({
url: 'login.php',
type: 'POST',
data: formdata,
success: function(response) {
alert(response);
}
});
});
});

在以上代碼中，我們首先利用jQuery提供的.ready()函數，確保DOM已經加載完畢后再執行代碼。然后，我們通過.click()函數來綁定"登錄"按鈕的點擊事件。
在點擊事件函數中，我們創建了一個名為"formdata"的JavaScript對象，用于存儲表單中的數據。這里我們使用了.val()函數來獲取輸入框的值，并賦給"formdata"對象的相應屬性。
接下來，我們使用$.ajax()函數來發送Ajax請求。其中，我們指定了請求的URL、請求的方式（POST），以及要發送的數據（即"formdata"對象）。在請求成功后，服務器的響應會被傳給.success()函數，我們這里只是簡單地彈出了響應內容。
在服務器端，我們需要相應地接收并處理這個Ajax請求。以PHP語言為例，以下是一個簡單的登錄處理代碼：

php
<?php
$username = $_POST['username'];
$password = $_POST['password'];
// 進行登錄驗證和其他相關操作
// ...
// 返回一個響應，可以是成功或失敗的信息等
echo '登錄成功';
?>

在以上PHP代碼中，我們使用了$_POST數組來接收Ajax請求中的數據。根據表單中輸入項的name屬性值，我們可以通過$_POST來獲取相應的數據。然后，我們可以根據需求進行登錄驗證等操作，并返回相應的響應給前端。
通過以上的方式，我們可以實現使用Ajax提交表單，并在服務器端接收和處理這些表單數據。這種方法不僅能提升用戶體驗，還能在后端進行靈活的處理和驗證。