JavaScript AJAX是一種強大的Web開發工具，可以讓頁面在不刷新的情況下向服務器發送請求，并將響應的數據動態更新到頁面中。簡單說，AJAX就是一種無需頁面刷新，則可實時獲取數據并更新頁面的技術。

舉個例子，我們在使用搜索引擎時，輸入關鍵字后搜索結果會自動下拉，這就是通過AJAX技術實現的。它通過向服務器發送請求，然后動態更新結果，實現了實時響應用戶輸入的功能。

在傳統的Web應用中，用戶每次操作需要刷新頁面，這樣會降低用戶的體驗感和效率。但是使用AJAX技術后，可以通過異步方式發送請求和響應數據，讓用戶不必等待頁面加載和刷新，提高用戶體驗。

要使用AJAX技術，必須熟練掌握JavaScript的XMLHttpRequest（XHR）對象。XHR對象可以向服務器發送請求，并獲取響應數據。以下示例代碼可以創建一個XHR對象并向服務器發送請求：

var xhr = new XMLHttpRequest();
xhr.open('GET', '/data', true);
xhr.onload = function() {
if (xhr.status === 200) {
console.log(xhr.responseText);
}
};
xhr.send();

這個示例中，我們創建了一個XHR對象，并使用open()方法發送一個GET請求。當響應數據返回后，使用onload事件處理程序獲取響應文本并將其打印到控制臺中。

通常，使用AJAX處理數據時會使用JSON格式傳輸，并使用JavaScript操作返回的數據。下面是一個使用AJAX更新HTML頁面元素的示例代碼：

var xhr = new XMLHttpRequest();
xhr.open('GET', '/data', true);
xhr.onload = function() {
if (xhr.status === 200) {
var data = JSON.parse(xhr.responseText);
document.getElementById('data-container').innerHTML = data.name;
}
};
xhr.send();

這個示例中，我們將響應數據解析為JSON對象，并將其中的name屬性更新到頁面上。在HTML頁面中，我們只需要設置一個容器元素的ID為"data-container"，然后通過JavaScript獲取該元素并設置其innerHTML屬性即可實現實時更新。

總的來說，AJAX技術可以幫助我們實現無需頁面刷新的實時數據獲取和更新，提高了Web應用的用戶體驗。掌握JavaScript的XHR對象并熟練使用JSON格式數據可以幫助我們更好地應用AJAX技術。