AJAX（異步JavaScript和XML）是一種用于在后臺(tái)與服務(wù)器進(jìn)行數(shù)據(jù)交互的技術(shù)。其中的一個(gè)重要概念是async，它指定了是否以異步方式發(fā)送請(qǐng)求。當(dāng)async設(shè)置為true時(shí)，請(qǐng)求將以異步方式發(fā)送，不會(huì)阻塞頁(yè)面的加載，當(dāng)請(qǐng)求完成后會(huì)觸發(fā)一個(gè)回調(diào)函數(shù)。當(dāng)async設(shè)置為false時(shí)，請(qǐng)求將以同步方式發(fā)送，會(huì)阻塞頁(yè)面的加載，直到請(qǐng)求完成或超時(shí)。

為了更好地理解async的作用，讓我們使用一個(gè)簡(jiǎn)單的例子來(lái)說(shuō)明。假設(shè)我們有一個(gè)在線(xiàn)商城，當(dāng)用戶(hù)點(diǎn)擊某個(gè)商品時(shí)，我們需要通過(guò)AJAX發(fā)送請(qǐng)求來(lái)獲取該商品的詳細(xì)信息并在頁(yè)面上展示。在這種情況下，我們不希望因?yàn)檎?qǐng)求的時(shí)間影響到用戶(hù)的瀏覽體驗(yàn)，而是希望請(qǐng)求以異步的方式進(jìn)行，并在請(qǐng)求完成后更新頁(yè)面。因此，我們可以將async設(shè)置為true：

var xhr = new XMLHttpRequest();
xhr.open("GET", "https://api.example.com/product/1", true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
// 在頁(yè)面上展示商品詳細(xì)信息
document.getElementById("product-details").innerHTML = response.details;
}
};
xhr.send();

在上面的例子中，我們創(chuàng)建了一個(gè)XMLHttpRequest對(duì)象并打開(kāi)了一個(gè)GET請(qǐng)求。當(dāng)請(qǐng)求狀態(tài)改變時(shí)，我們判斷請(qǐng)求是否已完成并且響應(yīng)的狀態(tài)是否為200（即請(qǐng)求成功）。如果滿(mǎn)足這兩個(gè)條件，我們解析響應(yīng)的文本，并將商品詳細(xì)信息展示在頁(yè)面上。由于將async設(shè)置為true，這個(gè)請(qǐng)求將以異步方式進(jìn)行，不會(huì)阻塞頁(yè)面的加載，用戶(hù)可以繼續(xù)瀏覽其他商品。

然而，如果我們將async設(shè)置為false，那么這個(gè)請(qǐng)求將以同步方式進(jìn)行。在這種情況下，如果服務(wù)器的響應(yīng)時(shí)間較長(zhǎng)，用戶(hù)將無(wú)法進(jìn)行其他操作，直到請(qǐng)求完成或超時(shí)。盡管這種情況對(duì)于快速獲取數(shù)據(jù)來(lái)說(shuō)可能是有用的，但它會(huì)導(dǎo)致用戶(hù)體驗(yàn)的下降，因此在大多數(shù)情況下，我們更傾向于使用異步請(qǐng)求。

總的來(lái)說(shuō)，async是一個(gè)非常有用的AJAX屬性，它可以控制請(qǐng)求的異步或同步方式。通過(guò)將其設(shè)置為true，我們可以實(shí)現(xiàn)在請(qǐng)求完成后異步更新頁(yè)面，而不會(huì)阻塞用戶(hù)的瀏覽體驗(yàn)。