本文主要介紹如何使用AJAX提交表單數據后刷新當前頁面。通過使用AJAX技術，我們可以在不刷新整個頁面的情況下向服務器提交數據，并獲取服務器返回的結果。下面我們將通過一個具體的例子來說明。

假設我們有一個評論系統(tǒng)，用戶提交評論后，希望頁面能夠立即顯示最新的評論內容，而不需要刷新整個頁面。我們可以使用AJAX來實現這個功能。首先，在頁面上放置一個表單，用于用戶輸入評論內容，并通過AJAX將評論數據提交給服務器。

<form id="commentForm">
<textarea name="comment" rows="5" cols="40"></textarea>
<input type="submit" value="提交評論">
</form>
<script>
// 通過AJAX提交表單數據
document.getElementById("commentForm").addEventListener("submit", function(event) {
event.preventDefault(); // 阻止表單提交的默認行為
var formElement = event.target;
var formData = new FormData(formElement);
var xhr = new XMLHttpRequest();
xhr.open("POST", "submit-comment.php", true);
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
// 評論提交成功，刷新頁面
location.reload();
}
};
xhr.send(formData);
});
</script>

在上面的例子中，我們給提交按鈕添加了一個點擊事件監(jiān)聽器。當用戶點擊提交按鈕時，會觸發(fā)事件處理函數。我們通過event.preventDefault()方法來阻止表單的默認提交行為，然后使用FormData對象獲取表單數據，并通過AJAX的POST方法將數據發(fā)送給服務器。

服務器在接收到評論數據后，處理完成后返回一個成功的響應（狀態(tài)碼為200），我們在AJAX的回調函數中檢測到響應成功后，通過location.reload()方法刷新頁面，以便立即顯示最新的評論內容。

通過這種方式，用戶可以提交評論后立即看到自己的評論，而不需要刷新整個頁面。這不僅提高了用戶體驗，還避免了因刷新整個頁面而造成的額外請求和數據傳輸。