在開發(fā)web應用的過程中，我們經常會遇到需要向服務器發(fā)送請求并獲取數(shù)據(jù)的情況。傳統(tǒng)的web開發(fā)中，通常會使用同步請求來獲取數(shù)據(jù)，即等待服務器響應完成后再執(zhí)行下一步操作。然而，這種方式會導致頁面卡頓，因為瀏覽器需要等待服務器響應完成才能繼續(xù)渲染頁面。為了解決這個問題，Ajax（Asynchronous JavaScript and XML）出現(xiàn)了。Ajax能夠實現(xiàn)異步請求，將數(shù)據(jù)的獲取和頁面的渲染分開，從而提升用戶體驗。

而在Ajax中，我們經常使用的是異步請求，也就是不會阻塞頁面渲染的方式。這是因為異步請求在發(fā)送給服務器后，不會等待服務器的響應，而是不影響頁面的正常渲染，繼續(xù)執(zhí)行其他的代碼。當服務器返回響應時，再執(zhí)行相應的回調函數(shù)來處理數(shù)據(jù)。

舉個例子來說明異步請求為什么不會請求兩次。假設我們正在開發(fā)一個簡單的網(wǎng)頁，在網(wǎng)頁上有一個按鈕，點擊按鈕后會向服務器發(fā)送請求來獲取用戶的信息。我們使用異步請求來實現(xiàn)這個功能。

// 創(chuàng)建XMLHttpRequest對象
var xhr = new XMLHttpRequest();
// 監(jiān)聽請求狀態(tài)變化
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 請求完成并且響應成功
var response = xhr.responseText;
// 處理數(shù)據(jù)...
}
};
// 發(fā)送請求
xhr.open('GET', '/user/info', true); // true表示異步請求
xhr.send();

當點擊按鈕時，上述代碼會發(fā)送一個異步請求到服務器獲取用戶信息。當服務器返回響應時，會觸發(fā)onreadystatechange回調函數(shù)，并執(zhí)行其中的代碼來處理數(shù)據(jù)。在這個過程中，異步請求只會發(fā)送一次，而不會重復發(fā)送。

異步請求不會請求兩次的原因在于，當我們發(fā)送一個異步請求時，瀏覽器會將請求發(fā)送到服務器并立即返回。然后，瀏覽器可以繼續(xù)進行其他操作，比如更新頁面渲染、執(zhí)行其他的JavaScript代碼等。當服務器返回響應時，瀏覽器會檢查請求的狀態(tài)，并觸發(fā)之前設置的回調函數(shù)來處理響應數(shù)據(jù)。這個過程是通過事件驅動來實現(xiàn)的，而不需要阻塞頁面的渲染。因此，異步請求不會請求兩次。

總而言之，Ajax中的異步請求能夠在不阻塞頁面渲染的前提下，向服務器發(fā)送請求并獲取數(shù)據(jù)。異步請求的一次請求過程只會發(fā)送一次，并且在服務器返回響應后執(zhí)行相應的回調函數(shù)來處理數(shù)據(jù)。這樣的設計能夠提升網(wǎng)頁的性能和用戶體驗。