Ajax是一種在Web應用中使用的技術，可以實現網頁對服務器數據的異步請求和交互式更新。局部刷新則是Ajax技術的一種使用方式，可以在不刷新整個頁面的情況下，只更新部分內容。本文將通過一個簡單的實例，介紹如何使用Ajax局部刷新來實現一個表單注冊部分的實時更新。

假設我們的網頁中有一個用戶注冊表單，包含輸入用戶名、密碼和確認密碼的input標簽，以及一個提交按鈕。我們希望當用戶在輸入用戶名后，實時檢查用戶名的合法性，并在結果下方顯示一個提示信息。使用傳統的表單提交方式無法實現實時檢查和更新的效果，而使用Ajax局部刷新則可以達到我們的需求。

<form action="" method="post" id="register-form">
<label for="username">用戶名：</label>
<input type="text" id="username" name="username" onchange="checkUsername()"></input>
<span id="username-tip"></span>
<br/><br/>
<label for="password">密碼：</label>
<input type="password" id="password" name="password"></input><br/><br/>
<label for="confirm-password">確認密碼：</label>
<input type="password" id="confirm-password" name="confirm-password"></input><br/><br/>
<input type="submit" value="提交"></input>
</form>

在上述代碼中，我們給用戶名的input標簽添加了一個onchange事件，當用戶在輸入框中輸入內容并離開焦點時，將觸發該事件。接下來，我們需要在JavaScript部分編寫Ajax的代碼，實現實時檢查并更新提示信息。

function checkUsername() {
var username = document.getElementById("username").value;
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("username-tip").innerHTML = this.responseText;
}
};
xhttp.open("GET", "check_username.php?username=" + username, true);
xhttp.send();
}

上述代碼中，我們使用了XMLHttpRequest對象來發送一個GET請求，向服務器的check_username.php文件傳遞用戶輸入的用戶名。服務器在接收到請求后，會對用戶名進行驗證，并返回一個合適的提示信息。在收到服務器返回的響應后，我們將其更新到頁面中id為username-tip的span標簽內，達到實時顯示提示信息的效果。

在服務器端的check_username.php文件中，我們可以使用數據庫或其他方式對用戶名進行驗證，并返回一個合適的提示信息。以下是一個簡單的示例：

<?php
$username = $_GET["username"];
// 驗證用戶名的合法性
// ...
if (合法) {
echo "用戶名可用";
} else {
echo "用戶名已存在";
}
?>

通過以上代碼，我們實現了一個簡單的Ajax局部刷新的實例。當用戶在輸入用戶名后，頁面會實時檢查用戶名的合法性，并及時顯示相應的提示信息。這種方式不僅提升了用戶的體驗，同時也減少了服務器的負荷。

總結起來，Ajax局部刷新是一種強大的技術，可以實現頁面的實時更新和交互式操作。通過上述的例子，我們可以看到它在表單注冊部分的應用，能夠為用戶提供及時的反饋，提高用戶體驗，并減少服務器壓力。