AJAX（Asynchronous JavaScript and XML）是一種用于網(wǎng)頁(yè)和服務(wù)器之間進(jìn)行異步數(shù)據(jù)交互的技術(shù)。異步（async）意味著在發(fā)送請(qǐng)求的同時(shí)，JavaScript可以繼續(xù)執(zhí)行其他任務(wù)，而無(wú)需等待響應(yīng)的返回。這種特性使得網(wǎng)頁(yè)在加載數(shù)據(jù)的同時(shí)，可以同時(shí)執(zhí)行其他操作，提高了用戶體驗(yàn)和網(wǎng)頁(yè)的性能。

舉例來(lái)說(shuō)，在一個(gè)電子商務(wù)網(wǎng)站上，當(dāng)用戶點(diǎn)擊“加入購(gòu)物車”按鈕時(shí)，網(wǎng)頁(yè)需要向服務(wù)器發(fā)送請(qǐng)求，以便將商品添加到購(gòu)物車中。在傳統(tǒng)的同步請(qǐng)求中，當(dāng)用戶點(diǎn)擊按鈕后，網(wǎng)頁(yè)會(huì)停止加載并等待服務(wù)器返回響應(yīng)以后才能繼續(xù)加載頁(yè)面。這可能導(dǎo)致用戶在等待的過(guò)程中感到不耐煩，甚至放棄購(gòu)買。然而，使用AJAX技術(shù)，網(wǎng)頁(yè)可以在發(fā)送請(qǐng)求的同時(shí)繼續(xù)加載其他內(nèi)容，比如顯示類似“添加中...”的提示信息，從而增強(qiáng)用戶體驗(yàn)。

為了理解AJAX的異步特性，需要了解一些關(guān)鍵概念。

1. XMLHttpRequest對(duì)象

在AJAX中，XMLHttpRequest對(duì)象是用于發(fā)送HTTP請(qǐng)求和接收服務(wù)器響應(yīng)的核心對(duì)象。通過(guò)XMLHttpRequest對(duì)象，JavaScript可以與服務(wù)器進(jìn)行數(shù)據(jù)交互。下面的代碼展示了創(chuàng)建XMLHttpRequest對(duì)象的過(guò)程：

var xhr = new XMLHttpRequest();

2. 異步標(biāo)志

在XMLHttpRequest對(duì)象中，通過(guò)設(shè)置其async屬性為true來(lái)啟用異步請(qǐng)求，默認(rèn)值為true。如果將其設(shè)置為false，請(qǐng)求將以同步方式進(jìn)行，即在發(fā)送請(qǐng)求并等待服務(wù)器響應(yīng)期間，JavaScript將停止執(zhí)行。

xhr.open('GET', 'https://api.example.com/data', true); // 異步請(qǐng)求
xhr.open('GET', 'https://api.example.com/data', false); // 同步請(qǐng)求

3. 回調(diào)函數(shù)

在異步請(qǐng)求中，JavaScript無(wú)法立即獲取服務(wù)器的響應(yīng)結(jié)果。為了處理這個(gè)問(wèn)題，可以通過(guò)在XMLHttpRequest對(duì)象上設(shè)置一個(gè)回調(diào)函數(shù)，以便在接收到服務(wù)器響應(yīng)時(shí)進(jìn)行處理。下面的代碼展示了使用回調(diào)函數(shù)處理獲取數(shù)據(jù)的過(guò)程：

xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var data = xhr.responseText;
// 對(duì)返回的數(shù)據(jù)進(jìn)行處理
}
}

通過(guò)以上的代碼示例，可以看到，異步請(qǐng)求是通過(guò)發(fā)送HTTP請(qǐng)求并設(shè)置一個(gè)回調(diào)函數(shù)來(lái)處理服務(wù)器的響應(yīng)。這使得請(qǐng)求和響應(yīng)的處理是分離的，并允許 JavaScript 在等待響應(yīng)時(shí)繼續(xù)執(zhí)行其他任務(wù)。

總之，AJAX的異步特性使得網(wǎng)頁(yè)可以在發(fā)送請(qǐng)求的同時(shí)繼續(xù)執(zhí)行其他任務(wù)，而無(wú)需等待服務(wù)器響應(yīng)的返回。這為用戶提供了更好的體驗(yàn)，并提高了網(wǎng)頁(yè)性能。