隨著互聯網的發(fā)展，人們對于網頁的要求也越來越高。在日常使用過程中，我們經常會遇到需要不斷刷新某個局部數據的情況，比如社交網站上的即時消息，股票行情的實時更新等等。為了實現這種需求，Ajax（Asynchronous JavaScript and XML）技術應運而生。

Ajax技術可以使網頁在不重載整個頁面的情況下，向服務器發(fā)送請求，獲取最新的數據，然后局部刷新頁面，使用戶能夠及時獲取最新的信息。這種方式不僅提高了用戶體驗，還減少了服務器的負擔，是一種非常有效的數據更新方式。

例如，我們可以通過Ajax技術來實現一個在線聊天室的功能。當用戶A發(fā)送一條消息給用戶B時，頁面上不需要刷新整個頁面，只需局部刷新聊天記錄區(qū)域，將最新的消息顯示出來。這樣可以讓用戶A和用戶B的聊天體驗更加流暢和實時。

<script>
function sendMessage() {
var message = document.getElementById("message").value;
// 使用Ajax發(fā)送請求
var xhr = new XMLHttpRequest();
xhr.open("POST", "sendMessage.php", true);
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhr.onreadystatechange = function() {
if (xhr.readyState==4 && xhr.status==200) {
// 局部刷新聊天記錄
document.getElementById("chatRecord").innerHTML += "<p>" + message + "</p>";
}
}
xhr.send("message=" + message);
}
</script>

上述代碼中，我們定義了一個sendMessage()函數，該函數會獲取用戶輸入的消息內容，并將其發(fā)送給服務器。服務器在接收到消息后，會返回一個成功的響應。頁面會根據這個響應進行局部刷新，將最新的消息追加到聊天記錄區(qū)域的末尾，以顯示用戶剛發(fā)送的消息。

另外，我們還可以利用Ajax技術來實現一個實時股票行情的頁面。頁面會定時發(fā)送請求給服務器，以獲取最新的股票信息，并實時刷新頁面中的股票價格。這樣，用戶就能隨時了解到股票的最新行情，及時做出交易決策。

<script>
function refreshStock() {
// 使用Ajax發(fā)送請求
var xhr = new XMLHttpRequest();
xhr.open("GET", "getStockInfo.php", true);
xhr.onreadystatechange = function() {
if (xhr.readyState==4 && xhr.status==200) {
var stockInfo = JSON.parse(xhr.responseText);
// 局部刷新股票價格
document.getElementById("stockPrice").innerHTML = stockInfo.price;
}
}
xhr.send();
}
setInterval(refreshStock, 5000);
</script>

上述代碼中，我們定義了一個refreshStock()函數，該函數會定時發(fā)送請求給服務器，并在收到響應后更新頁面中的股票價格。通過使用setInterval()函數來周期性地調用refreshStock()函數，可以實現每5秒鐘自動刷新一次股票價格。

總之，Ajax技術可以很方便地實現頁面的局部刷新，可以用于各種場景，提高用戶體驗。我們可以利用Ajax技術來實現在線聊天室、實時股票行情等功能，使頁面能夠及時獲取最新的數據，為用戶提供更好的服務。