隨著互聯網的不斷發展，很多網站的內容實時性要求越來越高，而傳統的網頁刷新方式已經無法滿足用戶的需求。所以，為了提升用戶體驗，許多網站開始采用Ajax技術來實現頁面的自動刷新。Ajax是一種使用JavaScript和XML來進行異步通信的技術，它可以在不刷新整個頁面的情況下，更新部分網頁內容。

舉個例子來說明這個過程，假設我們正在瀏覽一個新聞網站的首頁。傳統的做法是我們打開網頁后，等待網頁全部加載完成，然后手動刷新頁面來獲取最新的新聞內容。而使用Ajax技術后，我們可以只更新新聞列表部分，每隔一段時間自動獲取最新的新聞內容，并顯示在頁面上。這樣，用戶無需手動刷新頁面，就能夠獲取到實時的新聞信息。

function refreshNews() {
$.ajax({
url: 'getNews.php',
type: 'GET',
success: function(data) {
$('#newsList').html(data);
}
});
}
setInterval(refreshNews, 5000);

上述代碼是一個簡單的例子，它通過Ajax技術實現了每隔5秒鐘刷新一次新聞列表。首先，我們定義了一個refreshNews函數，其中使用了jQuery框架中的ajax方法來發送一個GET請求，請求地址為getNews.php。當請求成功后，會將返回的數據更新到id為newsList的元素中。最后，我們使用setInterval函數來每隔5秒鐘執行一次refreshNews。

除了新聞網站，很多在線聊天室也使用了Ajax技術來實現實時聊天的功能。用戶在發送消息時，不需要刷新整個頁面，只需要使用Ajax技術將消息發送到服務器并更新到聊天室中即可。這樣，用戶可以實時看到其他用戶的消息，提高了溝通效率。

function sendMessage(message) {
$.ajax({
url: 'sendMessage.php',
type: 'POST',
data: { message: message },
success: function(data) {
$('#chatRoom').append('
' + data + '
');
}
});
}
$('#sendButton').click(function() {
var message = $('#messageInput').val();
sendMessage(message);
});
setInterval(refreshChat, 1000);
function refreshChat() {
$.ajax({
url: 'getChat.php',
type: 'GET',
success: function(data) {
$('#chatRoom').html(data);
}
});
}

上述代碼是一個簡單的聊天室示例。其中，sendMessage函數用于發送用戶的消息，refreshChat函數用于定時獲取聊天室的最新消息。在點擊發送按鈕時，會獲取用戶輸入的消息并調用sendMessage函數進行發送。同時，使用setInterval函數每隔1秒鐘調用一次refreshChat函數來刷新聊天室中的消息。

總的來說，Ajax技術的應用使得網頁能夠實現部分內容的自動刷新，大大提高了用戶體驗。通過異步通信，我們可以在不刷新整個頁面的情況下，實時更新頁面上的內容，比如新聞、聊天記錄等。這種技術不僅廣泛應用于新聞網站和在線聊天室，還被用于電子商務網站的庫存查詢、天氣預報等應用中。