ajax是一種常用的前端技術，可以通過異步請求來動態加載網頁內容，而無需刷新整個頁面。本文將介紹如何使用ajax來刷新form表單的內容。以一個登錄表單為例，我們可以通過ajax來發送登錄請求并接收服務器返回的響應結果，實現無刷新登錄體驗。

首先，我們需要在HTML中創建一個form表單，包含用戶名和密碼的輸入框，并添加一個提交按鈕。

<form id="login-form" action="login.php" method="post">
<label for="username">用戶名:</label>
<input type="text" id="username" name="username">
<label for="password">密碼:</label>
<input type="password" id="password" name="password">
<input type="submit" value="登錄">
</form>

接下來，使用JavaScript代碼來監聽表單的提交事件，并阻止默認的表單提交行為。同時，我們可以通過ajax來發送請求，并處理服務器返回的響應結果。

var form = document.getElementById('login-form');
form.addEventListener('submit', function(event) {
event.preventDefault(); // 阻止表單的默認提交行為
var username = form.username.value; // 獲取用戶名輸入框的值
var password = form.password.value; // 獲取密碼輸入框的值
var xhr = new XMLHttpRequest();
xhr.open('POST', form.action, true);
xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 處理服務器返回的響應結果
var response = xhr.responseText;
if (response === 'success') {
alert('登錄成功！');
// 在這里可以執行一些登錄成功后的操作，如跳轉到其他頁面或刷新當前頁面
} else {
alert('登錄失敗，請重新輸入！');
}
}
};
xhr.send('username=' + encodeURIComponent(username) + '&password=' + encodeURIComponent(password));
});

在以上代碼中，我們使用XMLHttpRequest對象來發送ajax請求，并通過open()方法指定請求的類型（POST）、URL（form.action）和是否異步（true）。然后，通過setRequestHeader()方法設置請求頭，告訴服務器我們將發送的數據類型為表單數據。

在xhr.onreadystatechange函數中，我們判斷請求的狀態和響應的狀態碼，當readyState為4（請求已完成）且status為200（請求成功）時，表示服務器成功返回響應結果。

接著，我們可以根據服務器返回的響應結果來判斷登錄是否成功。如果登錄成功，我們可以執行一些登錄成功后的操作，如彈出成功提示框、跳轉到其他頁面或刷新當前頁面。如果登錄失敗，我們可以彈出失敗提示框讓用戶重新輸入。

綜上所述，使用ajax來刷新form表單可以實現無刷新登錄的效果。通過監聽表單的提交事件，我們可以使用ajax來發送登錄請求并處理服務器返回的響應結果。這樣用戶就可以在不刷新整個頁面的情況下進行登錄操作，提供了更好的用戶體驗。