AJAX（Asynchronous JavaScript And XML）是一種用于在不刷新整個頁面的情況下，通過與服務器進行異步通信來實現局部刷新的技術。通過AJAX，我們可以在用戶與網頁進行交互的同時，異步地向服務器發送請求，并接收服務器返回的數據，再通過JavaScript將數據動態地更新到網頁上的某個部分，從而實現局部刷新。

舉個例子來說明AJAX如何實現局部刷新。假設一個網頁上有一個評論列表，用戶可以在這個列表中實時看到其他用戶發表的評論。當用戶發表自己的評論后，我們并不需要整個頁面都刷新，而是只需將該評論添加到評論列表中的某個位置即可。使用AJAX，我們可以在用戶點擊“發表評論”按鈕后，向服務器發送異步請求，將新評論存儲到數據庫中。在服務器處理完請求后，將最新的評論數據返回給客戶端。最后，通過JavaScript將返回的評論數據動態地添加到評論列表中。

function postComment(){
var comment = document.getElementById("commentInput").value;
// 發送AJAX請求
var xhr = new XMLHttpRequest();
xhr.open("POST", "/api/comment", true);
xhr.setRequestHeader("Content-Type", "application/json");
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 將新評論添加到評論列表中
var newComment = JSON.parse(xhr.responseText);
var commentList = document.getElementById("commentList");
var commentItem = document.createElement("li");
commentItem.innerText = newComment.content;
commentList.appendChild(commentItem);
}
};
var requestBody = JSON.stringify({content: comment});
xhr.send(requestBody);
}

上面的代碼中，我們定義了一個名為postComment的JavaScript函數，該函數用于處理用戶發表評論的邏輯。當用戶點擊“發表評論”按鈕時，該函數執行。

首先，我們獲取用戶輸入的評論內容，并構建一個包含評論內容的JSON對象。接下來，我們使用XMLHttpRequest對象創建一個異步請求，并指定請求方法、URL以及是否使用異步方式。在發送請求前，我們還需要設置請求頭，以表明請求體的數據類型為JSON。然后，我們定義onreadystatechange事件處理函數，當服務器返回響應時，該函數將被調用。

在onreadystatechange事件處理函數內部，我們首先檢查服務器返回的響應狀態和HTTP狀態碼是否正確。如果一切正常，我們將服務器返回的評論數據解析為JavaScript對象，并動態地將新評論添加到評論列表中。在這個例子中，我們假設評論列表使用一個有id為commentList的無序列表（ul）元素來展示評論。

通過這種方式，我們就成功實現了評論的局部刷新。當用戶發表評論后，新評論會立即出現在評論列表中，而無需刷新整個頁面。

AJAX通過異步通信的方式，使得網頁的表現更加流暢和動態。相比起傳統的同步請求，AJAX能夠極大地提升用戶體驗，并減輕服務器的壓力。我們可以在不刷新整個頁面的情況下，方便地對網頁進行局部更新，使網頁更加交互和友好。

當然，AJAX的實現遠不止局部刷新這一用途，它還可以用于實時搜索、無刷新登錄、分頁加載等等。通過合理地運用AJAX，我們可以為用戶提供更好的網頁體驗，增加網頁的交互性和動態性。