AJAX（Asynchronous JavaScript and XML）是一種用于在Web應(yīng)用程序中向服務(wù)器發(fā)送請求并接收響應(yīng)的技術(shù)，它的優(yōu)勢是可以實現(xiàn)局部刷新，而不需要刷新整個頁面。

想象一下，你正在使用一個在線聊天應(yīng)用程序，你想要看到聊天室中的最新消息而不需要刷新整個頁面。使用傳統(tǒng)的方法，你將不得不手動刷新頁面來查看新的消息。然而，使用AJAX，你可以通過向服務(wù)器發(fā)送異步請求來實時更新聊天記錄，而無需刷新頁面。

讓我們來看一個使用AJAX實時刷新輸出的示例。假設(shè)你正在創(chuàng)建一個實時股票報價頁面，該頁面需要從服務(wù)器獲取最新的股票價格，并將其實時顯示在頁面上。

<div id="stock-price">
<p id="price"></p>
</div>
<script>
function refreshStockPrice() {
// 創(chuàng)建一個新的XMLHttpRequest對象
var xhttp = new XMLHttpRequest();
// 設(shè)置請求的類型和URL
xhttp.open("GET", "getStockPrice.php", true);
// 設(shè)置回調(diào)函數(shù)，當(dāng)請求狀態(tài)發(fā)生變化時被調(diào)用
xhttp.onreadystatechange = function() {
// 如果請求已經(jīng)完成并且響應(yīng)已經(jīng)就緒
if (this.readyState == 4 && this.status == 200) {
// 將服務(wù)器響應(yīng)顯示在頁面上
document.getElementById("price").innerHTML = this.responseText;
}
};
// 發(fā)送請求
xhttp.send();
}
// 每隔5秒刷新股票價格
setInterval(refreshStockPrice, 5000);
</script>

在上面的代碼中，我們首先創(chuàng)建了一個`div`元素，用于顯示股票價格。`div`內(nèi)部有一個`p`元素，用于存放實時的股票價格。然后，我們使用JavaScript中的`XMLHttpRequest`對象創(chuàng)建了一個AJAX請求。我們設(shè)置了請求的類型和URL，并指定了一個回調(diào)函數(shù)，當(dāng)請求狀態(tài)發(fā)生變化時被調(diào)用。

在回調(diào)函數(shù)中，我們檢查請求是否已經(jīng)完成并且響應(yīng)已經(jīng)就緒。如果是這樣，我們將服務(wù)器響應(yīng)的文本內(nèi)容（股票價格）顯示在頁面上。最后，我們使用`setInterval`函數(shù)定期調(diào)用`refreshStockPrice`函數(shù)，以便每隔5秒刷新股票價格。

通過上述實例，我們可以看到AJAX可以實現(xiàn)實時刷新輸出數(shù)據(jù)的效果。無論是在線聊天應(yīng)用程序還是股票報價頁面，AJAX都可以使應(yīng)用程序的體驗更加流暢和實用。

總結(jié)來說，AJAX是一種強(qiáng)大的技術(shù)，可以在不刷新整個頁面的情況下實現(xiàn)實時刷新輸出數(shù)據(jù)的效果。它使得我們能夠以更高效的方式與服務(wù)器進(jìn)行交互，并在不打擾用戶的情況下更新頁面的特定部分。無論是用于在線聊天、股票報價還是其他實時數(shù)據(jù)展示場景，AJAX都是我們必備的工具。