AJAX是一種用于創建快速、動態網頁的技術，它通過在后臺與服務器進行異步通信，實現頁面無刷新地更新內容。AJAX的異步執行基于XMLHttpRequest對象和回調函數機制。XMLHttpRequest對象是AJAX的核心，它可以與服務器進行數據交換和通信，而回調函數則是在服務器響應返回后執行的JavaScript代碼。通過這兩個機制，AJAX實現了異步發送請求和處理服務器響應的功能，極大地提高了用戶體驗和網頁性能。

舉例來說，當用戶在一個搜索框中輸入關鍵字并點擊搜索按鈕時，傳統的頁面會重新加載，而AJAX可以在搜索過程中實時顯示搜索結果，而不需要等待整個頁面重新加載。通過異步執行，在搜索過程中，用戶還可以繼續使用頁面上的其他功能，提高了用戶的操作效率。這個例子展示了AJAX的優勢之一——無刷新更新頁面內容。

AJAX的異步執行基于XMLHttpRequest對象。這個對象可以通過JavaScript創建，它允許瀏覽器與服務器之間進行數據的傳遞和通信。通過該對象，可以發送HTTP請求，如GET或POST請求，并接收來自服務器的響應數據。

// 創建XMLHttpRequest對象
var xhr = new XMLHttpRequest();
// 發送GET請求
xhr.open('GET', 'https://example.com/data', true);
xhr.send();

在上面的代碼中，XMLHttpRequest對象被使用來發送一個GET請求。open()方法指定了請求的類型（GET）和URL地址（https://example.com/data），第三個參數指定為true表示使用異步模式發送請求。send()方法將請求發送給服務器。由于發送請求是異步的，JavaScript代碼會繼續執行，而不會等待服務器響應返回。

除了發送請求，接收服務器響應也是AJAX的關鍵所在。在發送請求后，服務器會返回響應數據，而JavaScript代碼可以通過回調函數捕獲這些數據并進行處理。

// 監聽服務器響應
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 處理響應數據
var response = xhr.responseText;
console.log(response);
}
};

在上面的代碼中，readyState和status是XMLHttpRequest對象提供的屬性，用于判斷請求的狀態和服務器響應的狀態。readyState屬性值為4表示服務器響應完成，status屬性值為200表示請求成功。

通過以上的代碼示例，我們可以看出，AJAX的異步執行基于XMLHttpRequest對象和回調函數機制。傳統的頁面刷新機制需要等待服務器響應返回后再進行下一步操作，而AJAX允許我們在服務器響應期間執行其他操作。這種機制極大地提高了用戶體驗和網頁性能。