在現代網頁開發中，AJAX（Asynchronous JavaScript and XML）被廣泛用于實現局部更新的功能。AJAX允許我們通過異步的方式從服務器獲取數據，然后用JavaScript來更新網頁的特定部分，而不需要重新加載整個頁面。這種技術的一個有趣應用是在社交媒體網站上刷新喜歡按鈕的計數，使其立即反映用戶的操作。下面我們將詳細介紹如何使用JavaScript和AJAX實現這一功能。

要實現AJAX局部更新，我們首先需要編寫JavaScript代碼來與服務器通信并獲取數據。下面是一個簡單的示例：

function refreshLikesCount() {
var xhr = new XMLHttpRequest(); // 創建一個處理AJAX請求的對象
xhr.onreadystatechange = function() { // 當請求狀態發生變化時觸發的回調函數
if (xhr.readyState === 4 && xhr.status === 200) { // 代表請求成功完成
var likesCount = xhr.responseText; // 從服務器響應中獲取喜歡按鈕的計數
document.getElementById('likesCount').innerHTML = likesCount; // 更新網頁中的喜歡按鈕計數
}
};
xhr.open('GET', 'likes_count.php', true); // 發送一個GET請求到服務器上的likes_count.php頁面
xhr.send(); // 發送請求
}

在上面的代碼中，我們使用了XMLHttpRequest對象來發送一個GET請求到服務器上的likes_count.php頁面。一旦服務器響應成功，我們就從響應中獲取喜歡按鈕的計數，并將其更新到網頁中的相應元素上。

為了讓這段代碼能夠自動刷新喜歡按鈕的計數，我們可以使用setInterval函數來定時調用refreshLikesCount函數。下面是一個示例：

setInterval(refreshLikesCount, 5000); // 每5秒鐘刷新一次喜歡按鈕的計數

在上面的代碼中，refreshLikesCount函數將以5秒為間隔被調用一次，從而實現自動刷新喜歡按鈕的計數。你可以根據實際需求來調整這個時間間隔。

通過以上的代碼，我們可以輕松地實現一個AJAX局部更新的功能，使喜歡按鈕的計數實時反映用戶的操作。當用戶點擊喜歡按鈕時，服務器會接收到更新的請求，并更新數據庫中的計數。然后，通過AJAX技術我們可以立即獲取到最新的計數值，并將其更新到網頁中的相應元素上。這大大提升了用戶體驗，使用戶能夠實時了解到其他人的喜愛程度。