AJAX（Asynchronous JavaScript and XML）是一種在Web頁面中進行異步數據交互的技術。通過AJAX，可以實現在不刷新整個頁面的情況下，向服務器發送請求并接收響應數據，從而動態更新頁面內容。在前端開發中，常常需要向后臺請求數據來實現動態展示和交互。本文將介紹如何使用AJAX來調取后臺數據。

首先，我們需要創建一個XMLHttpRequest對象，用于發送HTTP請求到后臺。可以通過如下代碼創建一個XMLHttpRequest對象：

var xhr = new XMLHttpRequest();

一旦創建了XMLHttpRequest對象，我們就可以使用它來發送請求并接收響應。下面的例子展示了如何使用AJAX獲取一個JSON格式的后臺數據：

xhr.open("GET", "http://example.com/api/data", true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var data = JSON.parse(xhr.responseText);
// 在這里處理獲取到的數據
}
};
xhr.send();

在上面的例子中，我們使用了open()方法來指定請求的方法（GET）、URL（http://example.com/api/data）以及是否以異步方式發送請求（true）。然后，通過onreadystatechange事件來監聽請求的狀態變化。當請求的狀態變為4（已完成）且響應的狀態碼為200（請求成功）時，我們可以通過responseText屬性來獲取服務器返回的響應數據。在這里，我們使用了JSON.parse()方法將響應數據從字符串轉換為JavaScript對象，以便能夠更方便地處理數據。

除了GET請求外，我們還可以使用POST請求來向后臺發送數據。下面的例子展示了如何使用AJAX發送一個帶有請求體的POST請求，并獲取后臺返回的數據：

xhr.open("POST", "http://example.com/api/data", true);
xhr.setRequestHeader("Content-Type", "application/json");
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var data = JSON.parse(xhr.responseText);
// 在這里處理獲取到的數據
}
};
var requestBody = JSON.stringify({ name: "John", age: 25 });
xhr.send(requestBody);

在這個例子中，我們使用了setRequestHeader()方法來設置請求頭的"Content-Type"字段，指定請求體的格式為JSON。然后，將請求體通過send()方法發送到后臺。與GET請求不同，POST請求需要傳遞請求體作為參數。

總之，使用AJAX進行后臺數據調取是前端開發中常用的方法之一。通過創建XMLHttpRequest對象、發送請求并監聽狀態變化，我們可以輕松地獲取并處理后臺返回的數據。無論是獲取JSON數據還是發送帶有請求體的POST請求，AJAX都能夠提供便捷的解決方案。