在Web開發中，表單提交是非常常見的操作。而傳統的表單提交會導致頁面重載，并且需要重新加載整個頁面，用戶體驗較差。而使用Ajax技術提交表單可以實現異步提交，不刷新頁面，提高用戶體驗，并且可以進行更多的交互操作。

Ajax提交表單的方法有很多種，如使用jQuery的$.ajax()方法、原生的XMLHttpRequest對象等。這里以使用jQuery的$.ajax()方法為例進行講解。

首先，需要在頁面中引入jQuery庫，可以使用CDN鏈接或者本地文件。然后，在表單的submit事件中調用Ajax提交表單的函數，如下所示：

$('form').submit(function(e) {
e.preventDefault(); // 阻止表單提交的默認行為
// 獲取表單數據
var formData = $(this).serialize();
// Ajax提交表單
$.ajax({
url: 'submit.php', // 表單提交的URL
type: 'POST', // 提交方式
data: formData, // 提交的數據
dataType: 'json', // 服務器返回的數據類型
success: function(response) {
// 處理返回的數據
if (response.success) {
alert('提交成功！');
} else {
alert(response.message);
}
},
error: function(xhr, status, error) {
// 處理錯誤信息
alert('提交失敗：' + error);
}
});
});

上述代碼中，首先調用preventDefault()方法阻止表單的默認提交行為，然后使用serialize()方法獲取表單數據，并將其傳遞給$.ajax()方法中的data參數。在$.ajax()方法中設置了url、type、dataType等屬性，這些根據實際情況進行配置。當Ajax提交成功后，會執行success回調函數，根據服務器返回的數據進行相應處理，如彈出提示框。如果提交失敗，會執行error回調函數，彈出錯誤信息。

當表單提交時，可以通過Ajax技術實現實時驗證輸入的數據是否符合要求。如下所示：

$('form').submit(function(e) {
e.preventDefault(); // 阻止表單提交的默認行為
var username = $('#username').val(); // 獲取用戶名輸入框的值
// Ajax驗證用戶名
$.ajax({
url: 'check_username.php',
type: 'POST',
data: {username: username}, // 只傳遞用戶名參數
dataType: 'json',
success: function(response) {
if (response.valid) {
// 用戶名合法，提交表單
$('form').unbind('submit').submit();
} else {
// 用戶名不合法，彈出錯誤信息
$('#username_error').text(response.message);
}
},
error: function(xhr, status, error) {
alert('驗證失敗：' + error);
}
});
});

上述代碼中，在表單提交時，首先獲取用戶名輸入框的值，然后將其傳遞給check_username.php頁面進行驗證。驗證成功后，繼續提交表單；驗證失敗則在頁面中顯示錯誤信息。

使用Ajax提交表單可以實現更加友好的用戶體驗，不需要重新加載頁面就可以獲取服務器返回的數據，并且可以實現實時驗證數據。然而，在實際開發中需要注意安全性問題，防止惡意提交表單。同時，對于不支持JavaScript的瀏覽器，需要提供備用的表單提交方式。

綜上所述，通過Ajax提交表單可以提高用戶體驗，實現異步交互，并且可以進行實時數據驗證。在實際開發中，根據具體需求選擇合適的提交方式，并注意相關安全性問題。