Ajax（Asynchronous JavaScript and XML）是一種用于創建動態網頁的技術，通過在后臺與服務器進行數據交換，實現實時的內容更新。它可以在用戶瀏覽網頁的同時，異步地向服務器發送請求，并在后臺獲取數據，最終將獲取的數據實時地更新到網頁中，而無需刷新整個頁面。這大大提升了用戶體驗，使得網頁變得更快速、流暢。

舉個例子，假設我們正在瀏覽一個在線聊天室的網頁。傳統的網頁每隔一段時間就要刷新一次，才能獲取最新的聊天信息。而使用Ajax，我們可以實現實時地接收到新的聊天信息，而無需刷新頁面。這樣一來，我們可以及時看到其他用戶發送的消息，并可以立即做出回應。

Ajax的實現基于瀏覽器提供的XMLHttpRequest對象。這個對象可以向服務器發送請求，并可以異步地接收服務器返回的數據。通常，我們通過JavaScript編寫Ajax的代碼，以對XMLHttpRequest對象進行操作。

下面的代碼示例展示了如何使用Ajax實現實時更新的功能：

const xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
const response = xhr.responseText;
// 處理返回的數據
// 更新網頁內容
}
}
xhr.open("GET", "example.com/api/data", true);
xhr.send();

上面的代碼中，我們創建了一個XMLHttpRequest對象，然后設置了它的onreadystatechange屬性。當請求的狀態發生改變時，我們在回調函數中對返回的數據進行處理。一般來說，我們會判斷請求的狀態是否為4（表示請求已完成且成功），并且響應的HTTP狀態碼是否為200（表示請求成功）。如果滿足這兩個條件，就可以處理服務器返回的數據了。

一種常見的實時更新的方式是使用 setInterval 函數來定時地進行請求。例如，我們可以每隔一段時間發送一次請求，獲取最新的數據并更新到網頁中。下面的代碼演示了如何使用 setInterval 函數實現每5秒鐘更新一次數據：

setInterval(() =>{
const xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
const response = xhr.responseText;
// 處理返回的數據
// 更新網頁內容
}
}
xhr.open("GET", "example.com/api/data", true);
xhr.send();
}, 5000);

在上面的例子中，我們使用了 setInterval 函數將發送請求的代碼每5秒鐘執行一次。這樣，網頁就會每5秒鐘獲取一次服務器的最新數據，并實時地更新到網頁中。

除了定時發送請求的方式之外，還可以根據用戶的操作來觸發請求。例如，當用戶點擊一個按鈕時，我們可以使用Ajax來向服務器請求數據，并將返回的數據實時地更新到網頁中，從而實現實時更新的效果。

總而言之，Ajax技術通過異步發送請求并更新網頁內容，提升了用戶體驗。它不僅可以用于實時聊天、實時數據展示等場景，還可以用于實現許多其他動態網頁功能。通過靈活運用Ajax，我們可以使網頁更加流暢、響應更迅速。