Ajax（Asynchronous JavaScript and XML）是一種用于在不需刷新整個頁面的情況下，更新網頁內容的技術。它通過與服務器進行異步通信，能夠實現實時更新頁面的效果。本文將探討如何利用Ajax實現每秒更新的原理。

假設我們有一個在線股票交易平臺，我們希望能夠在每秒鐘更新一次股票價格，以便及時提供給用戶最新的股票信息。使用Ajax，我們可以通過以下幾個步驟實現這一目標：

首先，我們需要編寫一個JavaScript函數來發送Ajax請求。在每秒鐘的定時器中，該函數會向服務器發送一個HTTP請求，獲取最新的股票價格數據。

function updateStockPrice() {
var xhr = new XMLHttpRequest(); // 創建一個XMLHttpRequest對象
xhr.open("GET", "http://example.com/stockprice", true); // 發送GET請求
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) { // 如果請求成功
var stockPrice = xhr.responseText; // 獲取服務器返回的股票價格數據
document.getElementById("stockPrice").innerHTML = stockPrice; // 更新頁面上的股票價格
}
};
xhr.send(); // 發送請求
}

在以上代碼中，XMLHttpRequest對象被用于向服務器發送HTTP請求。通過調用open方法來設置請求的類型（GET）和URL（http://example.com/stockprice）。設置onreadystatechange事件處理程序來監聽請求狀態的變化。

當請求的readyState變為XMLHttpRequest.DONE，且status為200時，表示請求成功。此時，我們可以通過responseText屬性來獲取服務器返回的股票價格數據。最后，通過innerHTML屬性來更新網頁上的股票價格。

接下來，我們將在HTML中嵌入一個用于顯示股票價格的元素。

<p>當前股票價格: <span id="stockPrice"></span></p>

當我們調用updateStockPrice函數時，它將向服務器發送Ajax請求，并更新頁面上的股票價格。由于該函數設置了每秒一次的定時器，因此頁面上的股票價格將會每秒更新一次。

總結起來，Ajax實現每秒更新的原理是通過使用XMLHttpRequest對象向服務器發送HTTP請求，在請求成功后獲取服務器返回的數據，并更新網頁上的內容。這種實時更新的效果使得用戶能夠及時獲取最新的信息，提高了用戶體驗。