AJAX(Asynchronous JavaScript and XML)是一種用于創建交互式Web應用程序的技術。它可以在不刷新整個頁面的情況下，異步地從服務器請求數據并更新網頁的部分內容。通過AJAX，我們可以實現局部刷新，提升用戶體驗，并減少對服務器的請求次數。

以一個簡單的示例來說明如何使用AJAX刷新局部數據。假設我們有一個新聞網站，每次用戶點擊"刷新"按鈕，我們需要從服務器獲取最新的新聞列表，然后更新網頁上的新聞內容。

function refreshNews() {
// 創建XMLHttpRequest對象
var xhr = new XMLHttpRequest();
// 設置回調函數
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 獲取服務器返回的數據
var newsList = JSON.parse(xhr.responseText);
// 更新網頁上的新聞內容
var newsContainer = document.getElementById("news-container");
newsContainer.innerHTML = "";
newsList.forEach(function(news) {
var newsItem = document.createElement("div");
newsItem.innerHTML = news.title;
newsContainer.appendChild(newsItem);
});
}
};
// 發送請求
xhr.open("GET", "https://example.com/news", true);
xhr.send();
}

上述代碼首先創建了一個XMLHttpRequest對象，然后設置了onreadystatechange事件的回調函數。在回調函數中，我們檢查readyState和status屬性，以確保服務器返回成功。一旦獲取到服務器返回的新聞列表，我們可以使用JavaScript將新聞內容更新到網頁上。最后，我們通過調用open方法和send方法發送一個GET請求，從服務器獲取最新的新聞列表。

以上代碼可以通過以下方式觸發：

<button onclick="refreshNews()">刷新</button>
<div id="news-container"></div>

當用戶點擊"刷新"按鈕時，refreshNews函數將會被調用，并從服務器獲取最新的新聞列表。然后，新聞內容將被更新到網頁上，而不需要刷新整個頁面。

通過使用AJAX刷新局部數據，我們可以實現一些強大的功能，例如動態加載評論、更新購物車內容或實時地更新股票行情。這使得我們的Web應用程序更加靈活和響應性，提高了用戶體驗。

總結而言，AJAX允許我們通過異步地從服務器獲取數據，并實時地更新網頁的部分內容，而無需刷新整個頁面。這種技術不僅提高了Web應用程序的性能，還增強了用戶體驗。