AJAX（Asynchronous JavaScript and XML）是一種用于在客戶端和服務器之間進行異步通信的技術。在Web開發中，使用Ajax可以實現頁面部分刷新，避免整頁刷新帶來的延遲和用戶體驗下降。在表單中使用Ajax刷新內容可以實現實時更新表單的功能，提升用戶的交互體驗。

例如，我們可以考慮一個注冊表單的場景。當用戶輸入用戶名后，使用Ajax技術從服務器端獲取用戶名是否已被注冊的狀態，并將其實時顯示在表單中。

// HTML代碼
用戶名：
密碼：
注冊
// JavaScript代碼
function checkUsername() {
var username = document.getElementById("username").value;
var hint = document.getElementById("usernameHint");
// 使用XMLHttpRequest對象發送異步請求
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = xhr.responseText;
hint.innerHTML = response;
}
};
xhr.open("GET", "/checkUsername?username=" + username, true);
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhr.send();
}

上述代碼中，我們通過onblur事件監聽表單中的username輸入框，并在輸入框失去焦點的時候調用checkUsername函數。該函數通過發送異步請求到服務器端的/checkUsername路徑來檢查用戶名是否已被注冊。服務器端會根據檢查結果返回不同的響應，我們通過xhr.responseText獲取到服務器返回的響應內容，并將其實時顯示在span元素中。

除了實時檢查用戶名外，Ajax刷新表單內容還可以用于其他類似的場景。例如，在一個在線購物網站的購物車頁面中，用戶可以通過增加或刪除商品來更新購物車的總價。當用戶操作購物車時，通過Ajax技術將最新的購物車信息實時更新到頁面上。

// HTML代碼
// JavaScript代碼
function updateCart() {
// 獲取購物車信息的異步請求
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
var cartItems = response.cartItems;
var totalPrice = response.totalPrice;
// 清空原有內容
var cartItemsDiv = document.getElementById("cartItems");
cartItemsDiv.innerHTML = "";
// 動態生成購物車商品列表
cartItems.forEach(function(item) {
var div = document.createElement("div");
div.textContent = item.name + " - ￥" + item.price;
cartItemsDiv.appendChild(div);
});
// 更新購物車總價
var totalPriceDiv = document.getElementById("totalPrice");
totalPriceDiv.textContent = "購物車總價：￥" + totalPrice;
}
};
xhr.open("GET", "/getCartItems", true);
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhr.send();
}

上述代碼中，通過發送異步請求到服務器端獲取最新的購物車信息，服務器端返回的響應是一個JSON對象，其中包含了購物車中的商品列表（cartItems）和購物車的總價（totalPrice）。我們清空原有的購物車商品列表（cartItemsDiv.innerHTML = ""），然后通過遍歷購物車商品列表動態生成新的購物車商品列表，并將其添加到頁面中。最后，更新購物車總價（totalPriceDiv.textContent = "購物車總價：￥" + totalPrice）。這樣，用戶在購物車頁面上的操作能夠實時反映到頁面上。

通過使用Ajax來刷新表單內容，我們能夠實現部分頁面刷新，提升用戶的交互體驗。無論是實時檢查用戶名是否已被注冊還是更新購物車信息，通過異步通信，我們能夠在不刷新整個頁面的情況下，動態展示最新的數據信息。