Ajax即Asynchronous JavaScript and XML的縮寫（異步 JavaScript 和 XML），它是一種用于創建快速動態網頁的技術。在傳統的網頁開發中，用戶請求頁面時，需要完整刷新整個頁面才能獲取新內容。而Ajax技術通過在后臺與服務器進行數據交互，只更新需要修改的部分，從而實現頁面的異步加載和部分更新。在本文中，我們將探討如何使用Ajax每5秒執行一次請求，并通過舉例來說明其實踐價值。

示例1：實時更新在線用戶數

假設我們正在開發一個在線聊天應用，我們希望能夠實時顯示當前在線的用戶數量。使用Ajax每5秒從服務器獲取最新的在線用戶數，然后將結果更新到頁面上。以下是一個使用jQuery實現的示例：

function refreshOnlineUsers() {
$.ajax({
url: 'api/online-users',
type: 'GET',
success: function(data) {
$('#online-users-count').text(data.count);
}
});
}
setInterval(refreshOnlineUsers, 5000);

上述代碼使用了jQuery的ajax()方法發送GET請求到服務器的/api/online-users接口，成功后將返回的在線用戶數更新到頁面上的#online-users-count元素中。然后使用setInterval()函數每5秒執行一次該函數，以實現定時刷新在線用戶數。

示例2：動態更新股票行情

假設我們正在開發一個股票交易平臺，我們希望能夠實時更新股票行情。使用Ajax每5秒從服務器獲取最新的股票數據，然后將結果動態地更新到頁面上。以下是一個使用原生JavaScript實現的示例：

function refreshStockQuotes() {
var request = new XMLHttpRequest();
request.open('GET', 'api/stock-quotes', true);
request.onload = function() {
if (request.status >= 200 && request.status< 400) {
var data = JSON.parse(request.responseText);
document.getElementById('stock-quotes').textContent = data.quotes.join(', ');
}
};
request.send();
}
setInterval(refreshStockQuotes, 5000);

上述代碼使用了原生的XMLHttpRequest對象發送GET請求到服務器的/api/stock-quotes接口，成功后將返回的股票行情數據更新到頁面上的#stock-quotes元素中。使用setInterval()函數每5秒執行一次該函數，以實現定時刷新股票行情。

結論

通過Ajax技術，我們可以通過每隔一定時間發送請求獲取新數據，從而實現頁面內容的動態更新。無論是在線聊天應用還是股票交易平臺，使用Ajax每5秒執行一次的方式可以保持頁面內容的實時性，提供更好的用戶體驗。