Ajax 是一種常用的技術(shù)，它可以使我們使用JavaScript向當(dāng)前頁面發(fā)送請求，從而實現(xiàn)無需刷新整個頁面的數(shù)據(jù)更新。通過Ajax，我們可以在不離開當(dāng)前頁面的情況下，局部地更新數(shù)據(jù)，提升用戶體驗。

舉個例子，假設(shè)我們正在瀏覽一個新聞網(wǎng)站，當(dāng)我們點擊頁面上的某個新聞鏈接時，頁面將自動滾動到新聞詳細內(nèi)容的位置，并更新新聞標(biāo)題、發(fā)布時間等信息。在傳統(tǒng)的頁面刷新模式下，這個過程是整個頁面刷新的，會讓用戶等待并丟失當(dāng)前頁面狀態(tài)。但是，通過使用Ajax，我們可以實現(xiàn)在當(dāng)前頁面上局部地更新這些新聞信息，而不引起整個頁面的刷新。

下面是一個簡單的示例代碼，演示了如何通過Ajax向當(dāng)前頁面發(fā)送請求：

function updateNewsContent() {
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = xhr.responseText;
var newsContent = document.getElementById("news-content");
newsContent.innerHTML = response;
}
};
xhr.open("GET", "news.php?id=123", true);
xhr.send();
}

上述代碼中，我們定義了一個名為updateNewsContent的JavaScript函數(shù)。這個函數(shù)會創(chuàng)建一個XMLHttpRequest對象，用于發(fā)送Ajax請求。在請求的回調(diào)函數(shù)中，我們判斷了請求的狀態(tài)碼和響應(yīng)狀態(tài)碼，如果都符合預(yù)期，我們將服務(wù)器返回的響應(yīng)數(shù)據(jù)更新到名為news-content的元素中。

如果我們在網(wǎng)頁中有一個按鈕，希望通過點擊按鈕來更新新聞內(nèi)容，我們可以將上述函數(shù)綁定到按鈕的點擊事件上：

var updateButton = document.getElementById("update-button");
updateButton.addEventListener("click", updateNewsContent);

這樣，當(dāng)我們點擊按鈕時，就會觸發(fā)updateNewsContent函數(shù)，向服務(wù)器發(fā)送Ajax請求，并將返回的數(shù)據(jù)更新到頁面中。

Ajax 不僅可以用于向服務(wù)器發(fā)送GET請求，還可用于發(fā)送POST、PUT、DELETE等類型的請求。此外，Ajax還可以接收服務(wù)器返回的JSON或XML格式的數(shù)據(jù)，并對其進行處理。

通過利用Ajax，我們可以實現(xiàn)各種各樣的功能，比如通過輸入關(guān)鍵詞實時搜索，無需刷新頁面地加載更多數(shù)據(jù)，以及與后臺進行實時通信等等。Ajax為我們提供了更加靈活和高效的方式來與服務(wù)器進行交互，帶給用戶更好的用戶體驗。