Ajax（Asynchronous JavaScript and XML）是一種用于創建異步請求和更新頁面內容的技術。它允許網頁在不刷新整個頁面的情況下，通過在后臺與服務器進行數據交換，實現實時更新和加載內容的功能。這種技術的運用，為用戶提供了更流暢、更高效的網頁瀏覽體驗。

舉例來說，假設我們正在一個在線商店的網站上查看商品。我們點擊頁面上的“加入購物車”按鈕，以添加商品到購物車中。在使用Ajax之前，瀏覽器會向服務器發送一個同步請求，這將導致頁面刷新并且用戶需要等待服務器響應。然而，使用Ajax，我們可以通過發送一個異步請求，與服務器進行數據交換，然后使用返回的數據更新購物車數量，而不會刷新整個頁面。這使得用戶可以繼續瀏覽商品，而不會被中斷。

使用Ajax進行異步請求數據的基本步驟如下：

var xhr = new XMLHttpRequest(); // 創建XMLHttpRequest對象
xhr.open('GET', 'data.json', true); // 設置請求方法、URL和是否異步
xhr.onreadystatechange = function() { // 監聽狀態改變事件
if (xhr.readyState === 4 && xhr.status === 200) { // 當請求完成且成功響應時
var data = JSON.parse(xhr.responseText); // 解析服務器返回的JSON數據
// 請求成功后的處理邏輯
}
};
xhr.send(); // 發送請求

上述代碼中，首先我們創建一個XMLHttpRequest對象，通過調用open方法設置請求方法（這里使用的是GET）、URL（data.json）和是否異步（true表示異步）。然后，我們使用onreadystatechange事件來監聽狀態改變，當狀態等于4（請求完成）并且狀態碼等于200（成功響應）時，我們可以通過xhr.responseText獲取服務器返回的JSON數據。最后，我們使用send方法發送請求。

Ajax還提供了其他一些常用的方法和屬性，以支持更靈活的數據交換。例如，我們可以使用setRequestHeader方法來設置請求頭，使用getAllResponseHeaders方法來獲取服務器返回的所有響應頭，使用abort方法來取消正在進行的請求等等。

除了使用原生的XMLHttpRequest對象，我們還可以使用一些流行的JavaScript庫，如jQuery的$.ajax方法，來簡化編碼過程。例如，下面的代碼是使用jQuery來實現異步請求數據的示例：

$.ajax({
url: 'data.json',
type: 'GET',
success: function(data) {
// 請求成功后的處理邏輯
},
error: function(xhr, status, error) {
// 請求失敗后的處理邏輯
}
});

使用jQuery的$.ajax方法，我們可以通過指定URL、請求類型和成功/失敗的回調函數來發送異步請求。在成功回調函數中，我們可以處理從服務器返回的數據；在失敗回調函數中，我們可以處理請求失敗時的錯誤信息。

總而言之，Ajax的異步請求數據技術為我們提供了強大的功能，使得網頁可以實時更新和加載內容，提高了用戶的體驗。通過發送異步請求，我們可以與服務器進行數據交換，而不需要刷新整個頁面。這對于需要實時更新和交互的網站和應用程序來說，是非常有用的一種技術。