AJAX（Asynchronous JavaScript and XML），即異步 JavaScript 和 XML，是一種在 Web 頁面中創建交互式應用程序的開發技術。通過 AJAX 技術，可以在不刷新整個頁面的情況下向服務器請求數據，并在頁面上動態更新，為用戶提供更好的體驗。

在 AJAX 中獲取數據是非常重要的一部分。常見的方式包括使用 XMLHttpRequest 對象向服務器發送請求，服務器返回數據后，再通過 JavaScript 處理數據并更新頁面。

一種常見的獲取數據的方式是通過調用后端 API。例如，我們可以使用 AJAX 來獲取一家電商網站上的商品信息。下面是一個簡單的例子：

function getData() {
var xhr = new XMLHttpRequest();
xhr.open('GET', 'https://api.example.com/products', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var data = JSON.parse(xhr.responseText);
// 處理數據
renderData(data);
}
};
xhr.send();
}
function renderData(data) {
// 更新頁面顯示
var productList = document.getElementById('product-list');
for (var i = 0; i< data.length; i++) {
var product = data[i];
var productItem = document.createElement('div');
productItem.innerHTML = product.name;
productList.appendChild(productItem);
}
}

在上面的代碼中，我們首先創建了一個 XMLHttpRequest 對象，并使用 open() 方法指定了請求的類型（GET）和所請求的 URL（https://api.example.com/products）。然后，我們定義了一個回調函數來處理服務器返回的數據。當 readyState 屬性的值為 4 （表示請求已完成且響應已就緒）并且 status 屬性的值為 200 （表示請求成功）時，我們將獲取到的數據進行處理，并調用 renderData() 函數來更新頁面顯示。

通常，后端 API 返回的數據是以 JSON 格式進行傳輸的。在上面的代碼中，我們使用 JSON.parse() 方法將從服務器獲取的數據解析為 JavaScript 對象，以便于在頁面上進行操作和顯示。然后，我們通過循環生成 HTML 元素，并將數據插入到頁面中。

除了使用 XMLHttpRequest 對象來獲取數據外，還可以使用其他的 AJAX 庫或框架。例如，jQuery 提供了更簡潔的 $.ajax() 方法用于發送請求和處理返回的數據：

$.ajax({
url: 'https://api.example.com/products',
method: 'GET',
success: function(data) {
// 處理數據
renderData(data);
},
error: function(xhr, status, error) {
// 處理錯誤
console.error(error);
}
});

在上面的代碼中，我們使用了 jQuery 的 $.ajax() 方法來發送請求，并通過 success 參數指定了成功時的回調函數。同樣，我們可以在回調函數中處理返回的數據，并更新頁面顯示。如果請求發生錯誤，則可以在 error 回調中進行錯誤處理。

總而言之，AJAX 可以幫助我們獲取數據并實現頁面的動態更新。無論是使用原生的 XMLHttpRequest 對象還是第三方庫，都可以根據實際需求選擇合適的方式來獲得數據，并在頁面上進行處理和展示。