AJAX（Asynchronous JavaScript And XML）是一種在前端和后臺之間實現異步通信的技術。通過使用AJAX，前端可以在不刷新整個頁面的情況下，從后臺獲取數據并對頁面進行局部更新。這種方式大大提升了用戶體驗，并且減少了不必要的網絡請求。

在使用AJAX進行數據獲取時，前端會發送一個HTTP請求給后臺，并通過設定合適的請求頭來告訴后臺期望的返回數據類型。后臺處理該請求后，會返回一個響應，并包含所需的數據。前端通過捕獲這個響應，從中提取出所需的數據，并將其顯示在頁面上。

為了更好地理解AJAX從后臺獲取數據的過程，讓我們考慮以下的實際例子。假設我們正在開發一個電子商務網站，我們需要在用戶輸入關鍵字時，動態地從后臺獲取與該關鍵字相關的商品列表

// 前端代碼
function searchProduct(keyword) {
let xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
let response = JSON.parse(xhr.responseText);
displayProducts(response);
}
};
xhr.open("GET", "backend/search.php?keyword=" + keyword, true);
xhr.send();
}
function displayProducts(products) {
let productList = document.getElementById("productList");
productList.innerHTML = "";
products.forEach(function(product) {
let listItem = document.createElement("li");
listItem.textContent = product.name;
productList.appendChild(listItem);
});
}

上面的代碼展示了一個在前端發送AJAX請求并接收響應的示例。當用戶在搜索框中輸入關鍵字時，我們調用searchProduct函數，并將關鍵字作為參數傳遞給它。searchProduct函數發送一個GET請求到"backend/search.php"，并將關鍵字作為查詢參數傳遞給后臺。當后臺處理該請求并返回響應時，我們使用displayProducts函數來處理響應數據并將產品列表顯示在頁面上。

為了實現后臺與前端間的數據傳輸，我們需要在后臺編寫相應的接口。接下來，讓我們看一下后臺將如何處理這個請求并返回數據。

// 后臺代碼（PHP）
$keyword = $_GET["keyword"];
// 執行與關鍵字相關的數據庫查詢
$products = executeSearch($keyword);
// 將查詢結果轉換為JSON格式返回給前端
header("Content-Type: application/json");
echo json_encode($products);

后臺代碼展示了一種使用PHP來處理AJAX請求的方式。首先，我們從GET請求中獲取關鍵字，并使用該關鍵字執行與數據庫相關的查詢操作。查詢結果將被轉換為JSON格式，并通過設置合適的響應頭（Content-Type）返回給前端。這樣，前端就能夠將JSON數據解析為JavaScript對象，并進行相應的處理。

總結來說，AJAX使得前端能夠從后臺獲取數據并對頁面進行局部更新。通過發送HTTP請求和處理對應的響應，前后臺實現了一種有效的通信方式。在上述例子中，我們展示了如何使用AJAX在一個電子商務網站中實現動態搜索功能。當用戶輸入關鍵字時，前端發送AJAX請求給后臺，并將返回的結果在頁面上展示出來。