AJAX（Asynchronous JavaScript and XML）是一種使用前端技術實現局部刷新的異步加載方法。通過AJAX技術，我們可以在不刷新整個頁面的情況下，僅更新頁面的某個部分內容，提升網站的用戶體驗和性能。

舉個例子，假設我們正在瀏覽一個電商網站的商品列表頁面。在傳統的頁面刷新模式下，我們需要點擊翻頁按鈕，然后整個頁面都會被重新加載，包括頭部、側邊欄等。而使用AJAX局部刷新的方式，我們只需要點擊翻頁按鈕，網頁僅加載商品列表的新內容，其他部分保持不變，這大大提高了頁面加載的速度。

下面我們來看一段簡單的代碼實現：

// 創建一個XMLHttpRequest對象
var xhr = new XMLHttpRequest();
// 指定請求的URL和請求方法
xhr.open('GET', 'example.com/api/data', true);
// 注冊一個回調函數，處理服務器返回的響應數據
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 更新頁面的某個部分內容
document.getElementById('product-list').innerHTML = xhr.responseText;
}
};
// 發送請求
xhr.send();

上述代碼中，我們創建了一個XMLHttpRequest對象，然后使用open方法指定了請求的URL和請求方法（這里使用了GET請求方法）。接著，我們注冊了一個回調函數，當服務器返回的響應數據狀態為4（請求已完成）且狀態碼為200（請求成功）時，即可更新頁面的某個部分內容。最后，我們使用send方法發送請求。

除了使用XMLHttpRequest對象，我們還可以使用jQuery庫中的ajax方法來實現AJAX局部刷新。jQuery庫中的ajax方法封裝了底層的XMLHttpRequest，提供了更簡潔和易用的方式。

下面是使用jQuery庫的示例代碼：

$.ajax({
url: 'example.com/api/data',
type: 'GET',
success: function(response) {
// 更新頁面的某個部分內容
$('#product-list').html(response);
}
});

以上代碼中，我們通過$.ajax方法發送了一個GET請求，并指定了請求的URL。當請求成功時，通過success回調函數更新頁面的某個部分內容。

總結來說，AJAX局部刷新是一種強大的技術，能夠提升網站的用戶體驗和性能。通過異步加載數據，我們可以實現頁面的無刷新更新，使用戶在瀏覽網站時更加流暢和便捷。