Ajax（Asynchronous JavaScript and XML）是一種在Web開發中常用的技術，它可以動態地修改頁面數據，提升用戶體驗。通過使用Ajax，網頁可以在不重新加載的情況下，與服務器交換數據，并實時更新頁面內容。這種實時更新數據的特性使得我們可以實現一些動態的交互效果，比如實時搜索、消息通知等。

舉個例子，我們假設有一個電商網站，用戶可以在頁面上搜索商品。傳統的做法是，當用戶在搜索框中輸入關鍵詞并點擊搜索按鈕時，頁面會重新加載，然后服務器會返回與關鍵詞匹配的商品列表。這種方式雖然可以實現搜索功能，但會導致頁面刷新，用戶體驗不佳。

而使用Ajax技術，我們可以在用戶輸入關鍵詞的同時，自動向服務器發送請求并接收響應，然后使用JavaScript動態地更新頁面上的商品列表，而不需要重新加載整個頁面。這樣就可以實現實時搜索的功能，用戶可以在輸入關鍵詞時，即時看到與關鍵詞匹配的商品。

// HTML代碼：
<input type="text" id="searchInput" placeholder="請輸入關鍵詞">
<div id="result"></div>
// JavaScript代碼：
document.getElementById("searchInput").addEventListener("input", function() {
var keyword = this.value;
var xhr = new XMLHttpRequest();
xhr.open("GET", "/search?keyword=" + keyword, true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
var resultDiv = document.getElementById("result");
resultDiv.innerHTML = "";
response.forEach(function(product) {
var p = document.createElement("p");
p.innerText = product.name;
resultDiv.appendChild(p);
});
}
};
xhr.send();
});

在上面的例子中，我們使用了JavaScript中的XMLHttpRequest對象來發送異步請求，并監聽其onreadystatechange事件。當請求的readyState變為4（即請求完成）且返回的狀態碼為200時，我們對服務器返回的響應進行處理，將商品列表動態地添加到頁面上。

Ajax除了可以實現實時搜索功能之外，還可以用于其他動態的交互效果，比如消息通知。假設我們的網站有一個消息系統，當有新的消息到達時，希望能夠實時地通知用戶。傳統的做法是，用戶需要手動刷新頁面才能看到新的消息。而使用Ajax技術，我們可以定時向服務器發送請求，查詢是否有新的消息，并通過JavaScript動態地將新的消息添加到頁面上，這樣用戶就可以實時地收到新的消息通知。

// HTML代碼：
<ul id="messageList">
<li>消息1</li>
<li>消息2</li>
<li>消息3</li>
</ul>
// JavaScript代碼：
function checkNewMessages() {
var xhr = new XMLHttpRequest();
xhr.open("GET", "/messages", true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
var messageList = document.getElementById("messageList");
response.forEach(function(message) {
var li = document.createElement("li");
li.innerText = message.content;
messageList.appendChild(li);
});
}
};
xhr.send();
}
setInterval(checkNewMessages, 5000);

在上面的例子中，我們使用了JavaScript中的setInterval函數，每隔5秒就向服務器發送一次請求，查詢是否有新的消息。如果有新的消息返回，我們就將其動態地添加到頁面上的消息列表中。

總而言之，Ajax技術通過異步地向服務器發送請求并接收響應，實現了動態修改頁面數據的功能。無論是實時搜索、消息通知還是其他動態的交互效果，Ajax都可以提供良好的用戶體驗，并讓網頁呈現出更加豐富的交互效果。