使用Ajax實現表單提交可以在不刷新整個頁面的情況下，將數據發送到服務器，并將服務器返回的數據更新到頁面中。這種技術使得用戶體驗更加流暢，并且在交互中不會中斷。下面將通過一個簡單的例子來說明如何使用Ajax實現表單提交返回數據到頁面的方法。
假設我們有一個留言板的網頁，用戶可以在表單中輸入留言內容并提交。在傳統的方式中，用戶點擊提交按鈕后，頁面會重新加載并顯示留言列表，這會導致用戶體驗的中斷。而使用Ajax，我們可以在不刷新頁面的情況下將留言內容發送到服務器，并將服務器返回的新留言添加到頁面上。
在HTML中，我們需要創建一個表單來接收用戶輸入的留言內容。表單中需要包含一個輸入框和一個提交按鈕。同時還需要一個用于顯示留言的列表，以便在服務器返回新留言時更新頁面。

html
<p>留言板：</p>
<form id="messageForm" action="submit.php" method="post">
<input type="text" name="message" placeholder="請輸入留言內容">
<button type="submit">提交</button>
</form>
<hr>
<div id="messageList">
<!-- 留言列表將在Ajax請求后更新 -->
</div>

在這個例子中，我們將使用JavaScript來處理表單的提交，并通過Ajax將數據發送到服務器。在JavaScript中，我們首先需要獲取表單元素以及留言列表的元素。

javascript
<script>
// 獲取表單元素和留言列表元素
var messageForm = document.getElementById("messageForm");
var messageList = document.getElementById("messageList");
</script>

接著，我們需要在表單的提交事件中阻止默認的提交行為，并使用Ajax發送數據到服務器。在服務器返回響應后，我們將進行相應的處理，將新留言添加到頁面上。

javascript
<script>
messageForm.addEventListener("submit", function(event) {
event.preventDefault();  // 阻止表單的默認提交行為
// 獲取輸入框中的留言內容
var messageInput = document.querySelector("input[name='message']");
var message = messageInput.value;
// 創建XMLHttpRequest對象
var xhr = new XMLHttpRequest();
// 設置請求的方法和URL
xhr.open("POST", messageForm.action);
// 設置請求頭
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
// 設置請求的回調函數
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
// 獲取服務器返回的數據
var response = xhr.responseText;
// 將新留言添加到頁面上
var newMessage = document.createElement("p");
newMessage.textContent = response;
messageList.appendChild(newMessage);
// 清空輸入框
messageInput.value = "";
}
};
// 發送請求，將留言內容作為參數
xhr.send("message=" + encodeURIComponent(message));
});
</script>

在這段JavaScript代碼中，我們首先通過獲取輸入框中的值來獲取留言內容。然后，我們創建一個XMLHttpRequest對象，設置請求的方法和URL，并設置請求頭。接著，我們定義了請求的回調函數，用于在服務器返回響應后進行相應的處理。在回調函數中，我們首先獲取服務器返回的數據，然后將新留言添加到頁面上，并清空輸入框。
通過以上的代碼，我們可以實現在用戶輸入留言內容并點擊提交按鈕后，將留言數據發送到服務器，并將服務器返回的新留言添加到頁面上，而不需要刷新整個頁面。這樣可以提升用戶的體驗，并且在交互中不會中斷。
通過這個例子，我們可以看到使用Ajax實現表單提交返回數據到頁面可以提升用戶體驗，并且使得交互更加流暢。無論是留言板、評論系統還是其他需要用戶輸入并將結果反饋到頁面的功能，都可以通過Ajax來實現，從而提供更好的用戶體驗。