AJAX（Asynchronous JavaScript and XML）是一種在前端頁面中獲取數據并更新頁面內容的技術。它通過在后臺與服務器進行異步通信，從而實現無需刷新整個頁面的數據交互，大大提升了用戶體驗和頁面的響應速度。

舉個例子來說明，假設我們正在開發一個在線商店的網站。當用戶瀏覽商品列表時，每次點擊“加載更多”按鈕，都會發送一個AJAX請求到服務器，請求獲取后續的商品數據。服務器會響應這個請求，返回所需的商品數據，然后通過JavaScript將這些數據插入到頁面的商品列表中。這個過程是在不刷新整個頁面的情況下實現的，因此用戶可以持續瀏覽商品，而無需等待頁面刷新。

如何實現通過AJAX獲取數據呢？首先，我們需要創建一個XMLHttpRequest對象，它是AJAX的核心對象。然后，我們可以使用該對象的open()方法來指定請求類型（GET或POST）、請求的URL和是否異步發送請求。接下來，我們可以通過onreadystatechange屬性來監聽服務器對請求的響應，并在響應完成時執行特定的操作。最后，我們需要調用send()方法來發送HTTP請求。

var xhr = new XMLHttpRequest(); // 創建XMLHttpRequest對象
xhr.open('GET', 'http://example.com/data', true); // 指定請求類型、URL和是否異步發送請求
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) { // 如果響應完成且服務器成功響應
var data = JSON.parse(xhr.responseText); // 解析響應數據
// 做一些操作，比如更新頁面內容
}
};
xhr.send(); // 發送請求

以上代碼展示了一個簡單的AJAX請求的過程。首先，我們創建了一個XMLHttpRequest對象，并指定了請求類型為GET，請求的URL為"http://example.com/data"，而第三個參數為true表示該請求是異步發送的。然后，我們使用onreadystatechange屬性來指定服務器響應的處理邏輯。當請求的狀態變為4時（表示響應完成），并且服務器成功響應（狀態碼為200），我們可以通過responseText屬性獲得服務器返回的響應數據。在這個例子中，我們將服務器返回的數據解析為JSON格式，并在響應成功后更新頁面內容。

為了確保數據的安全性，很多情況下我們需要通過POST方法發送AJAX請求。與GET請求不同的是，POST請求需要在請求頭中提供請求體的內容。我們可以使用XMLHttpRequest對象的setRequestHeader()方法來設置請求頭。例如，當我們向服務器發送一個包含用戶名和密碼的登錄請求時，可以這樣使用：

var xhr = new XMLHttpRequest();
xhr.open('POST', 'http://example.com/login', true);
xhr.setRequestHeader('Content-Type', 'application/json'); // 設置請求頭為JSON格式
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
// 做一些操作，比如顯示登錄后的頁面
}
};
var data = {
username: 'user123',
password: 'password123'
};
xhr.send(JSON.stringify(data)); // 發送包含JSON格式數據的POST請求

在這個例子中，我們創建了一個POST類型的XMLHttpRequest對象，并設置請求的URL為"http://example.com/login"。我們使用setRequestHeader()方法設置請求頭的Content-Type為application/json，以指定請求體的內容類型為JSON。在發送請求之前，我們創建了一個包含用戶名和密碼的對象，并使用JSON.stringify()方法將其轉換為字符串格式。然后，我們通過send()方法發送請求，并在服務器響應成功后執行相應的操作。

總之，AJAX技術使得前端頁面可以通過異步通信與服務器進行數據交互，并實現無需刷新整個頁面的數據更新。借助XMLHttpRequest對象，我們可以發送不同類型的請求（GET或POST）并處理服務器的響應。無論是商店網站的商品列表還是登錄頁面，AJAX都可以幫助我們實現更優雅、更快速的用戶體驗。