AJAX（Asynchronous JavaScript and XML）是一種在網頁上實現異步數據交互的技術。它通過在后臺與服務器進行數據交換，可以在不刷新頁面的情況下更新部分頁面內容，提升了用戶體驗。AJAX通過異步執行的調用機制，使得網頁可以在后臺發送請求和接收響應，同時執行其他任務，從而提高了網頁的響應速度和性能。

在傳統的網頁中，當用戶點擊一個鏈接或提交一個表單時，瀏覽器會做一次完整的頁面刷新，這會導致頁面的所有內容都被重新加載，不管是不是需要更新的內容。這種方式會增加服務器負載和用戶等待時間。而使用AJAX，可以在后臺發送異步請求獲取需要更新的部分內容，從而減少不必要的數據傳輸，提高頁面加載速度。

舉個例子，假設有一個在線購物網站，用戶在商品詳情頁點擊“添加到購物車”按鈕。在傳統的網頁中，點擊按鈕后，頁面會刷新，用戶需要等待頁面加載完成，然后再去購物車頁面查看是否成功添加。而使用AJAX，可以在后臺發送異步請求，將商品數據添加到購物車，并在不刷新頁面的情況下，實時更新購物車數量和金額等信息，給用戶實時反饋。

AJAX使用的核心技術是JavaScript和XMLHttpRequest對象。JavaScript可以在網頁上動態生成并修改HTML元素，從而實現頁面內容的更新。XMLHttpRequest對象是AJAX的核心組件，它用于在后臺與服務器進行數據交換。通過XMLHttpRequest對象，可以發送HTTP請求并接收服務器返回的響應。

var xhr = new XMLHttpRequest(); // 創建XMLHttpRequest對象
xhr.open('GET', 'https://example.com/data', true); // 創建HTTP GET請求，異步執行
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) { // 請求完成且響應成功
var data = JSON.parse(xhr.responseText); // 解析服務器返回的JSON數據
document.getElementById('content').innerHTML = data.content; // 更新頁面內容
}
};
xhr.send(); // 發送HTTP請求

在上面的例子中，我們通過XMLHttpRequest對象發起一個異步的GET請求，去請求https://example.com/data接口的數據。當服務器返回響應時，通過readyState和status等屬性判斷請求的狀態，如果請求完成且響應成功（readyState為4，status為200），就可以將服務器返回的JSON數據解析，并將其中的內容更新到頁面上。

總結來說，AJAX通過異步執行的調用機制，使得網頁可以在后臺發送請求和接收響應，同時執行其他任務，從而提高了網頁的響應速度和性能。它極大地改善了傳統網頁的用戶體驗，實現了實時更新和局部刷新的效果。通過AJAX，我們能夠在不刷新頁面的情況下，獲取最新的數據和內容，為用戶提供更好的交互體驗。