AJAX（Asynchronous JavaScript and XML）是一種在網(wǎng)頁中實現(xiàn)異步請求的技術(shù)。通過AJAX，網(wǎng)頁可以在不刷新整個頁面的情況下，與服務(wù)器進(jìn)行交互，并實現(xiàn)動態(tài)加載內(nèi)容。例如，在一個在線商店網(wǎng)站中，當(dāng)用戶在搜索框中輸入關(guān)鍵字時，可以使用AJAX異步請求，從服務(wù)器獲取相關(guān)商品的信息并動態(tài)顯示在頁面上，而無需刷新整個頁面。

在使用AJAX進(jìn)行異步請求時，我們通常會使用XMLHttpRequest對象來與服務(wù)器進(jìn)行通信。XMLHttpRequest對象提供了一系列的方法和屬性來發(fā)送請求、接收響應(yīng)，并處理傳輸過程中的各種事件。下面是一個使用AJAX進(jìn)行異步請求的簡單示例：

<script>
var xmlHttp = new XMLHttpRequest();
xmlHttp.onreadystatechange = function() {
if (xmlHttp.readyState === 4 && xmlHttp.status === 200) {
var response = xmlHttp.responseText;
document.getElementById("result").innerHTML = response;
}
};
xmlHttp.open("GET", "http://example.com/api", true);
xmlHttp.send();
</script>

在上述示例中，首先創(chuàng)建了一個XMLHttpRequest對象，并指定了其onreadystatechange屬性為一個回調(diào)函數(shù)。當(dāng)請求狀態(tài)發(fā)生改變時（例如接收到響應(yīng)），回調(diào)函數(shù)將被調(diào)用。在回調(diào)函數(shù)中，我們判斷請求的狀態(tài)是否為4（DONE），并且響應(yīng)的狀態(tài)碼是否為200（成功）。如果滿足條件，我們將獲取到的響應(yīng)內(nèi)容設(shè)置為頁面的某個元素（例如指定id為"result"的div）的內(nèi)部HTML。通過這種方式，我們可以實現(xiàn)在不刷新整個頁面的情況下，將服務(wù)器返回的數(shù)據(jù)顯示在頁面上。

除了通過XMLHttpRequest對象發(fā)送GET請求外，我們還可以通過POST請求向服務(wù)器發(fā)送數(shù)據(jù)。例如，在一個登錄頁面中，當(dāng)用戶填寫完用戶名和密碼后，點擊“登錄”按鈕會發(fā)送一個POST請求，將用戶的信息發(fā)送給服務(wù)器進(jìn)行驗證。以下是使用AJAX發(fā)送POST請求的一個示例：

<script>
var xmlHttp = new XMLHttpRequest();
xmlHttp.onreadystatechange = function() {
if (xmlHttp.readyState === 4 && xmlHttp.status === 200) {
var response = xmlHttp.responseText;
document.getElementById("result").innerHTML = response;
}
};
xmlHttp.open("POST", "http://example.com/api/login", true);
xmlHttp.setRequestHeader("Content-Type", "application/json");
var data = {
username: "admin",
password: "password"
};
xmlHttp.send(JSON.stringify(data));
</script>

在上述示例中，我們使用了POST請求來向服務(wù)器提交數(shù)據(jù)。首先設(shè)置了請求頭中的"Content-Type"為"application/json"，表示請求體中的數(shù)據(jù)是以JSON格式傳輸?shù)摹Ｈ缓螅覀儗⒁l(fā)送的數(shù)據(jù)以JSON字符串的形式通過send方法發(fā)送給服務(wù)器。服務(wù)器在接收到數(shù)據(jù)后，可能會對其進(jìn)行處理并返回相應(yīng)的結(jié)果，在這里我們將結(jié)果顯示在頁面的某個元素中。

總的來說，AJAX異步請求返回頁面可以使網(wǎng)頁更加動態(tài)，提升用戶體驗。通過與服務(wù)器進(jìn)行交互，我們可以實時更新頁面的部分內(nèi)容，而無需刷新整個頁面。例如，在一個社交媒體應(yīng)用中，當(dāng)用戶關(guān)注他人或收到新消息時，AJAX可以幫助我們及時地將這些變化反饋給用戶，并動態(tài)地更新頁面上的相關(guān)內(nèi)容。這種實時交互的效果使用戶感覺更加流暢和自然。