AJAX（Asynchronous JavaScript and XML）是一種用于創建快速、動態的Web應用程序的技術。通過AJAX，前端頁面可以異步獲取后端服務器傳來的數據，而不需要刷新整個頁面。本文將介紹如何使用AJAX接收后端傳來的數據，并通過舉例說明其使用方法和效果。

要使用AJAX接收后端傳來的數據，我們首先需要創建XMLHttpRequest對象。通過該對象，我們可以向服務器發送HTTP請求并獲取響應。以下是一個簡單的示例：

var xhr = new XMLHttpRequest();

然后，我們需要為XMLHttpRequest對象注冊一個回調函數，以便在服務器返回響應時進行處理。例如，我們可以使用onreadystatechange事件來指定回調函數：

xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 在這里處理服務器返回的數據
}
};

在回調函數中，我們可以通過xhr.responseText屬性獲取服務器返回的數據。例如，如果服務器返回的是一個JSON格式的字符串，我們可以使用JSON.parse方法將其轉換為JavaScript對象：

xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var data = JSON.parse(xhr.responseText);
// 在這里使用服務器返回的數據
}
};

接下來，我們需要向服務器發送HTTP請求。可以使用XMLHttpRequest對象的open和send方法實現。以下是一個簡單的示例：

xhr.open('GET', 'http://example.com/api/data', true);
xhr.send();

該例子中，我們向'http://example.com/api/data'發送了一個GET請求。如果需要向服務器發送數據，可以使用POST方法，并在send方法中傳入相應的數據。

最后，我們需要在服務器上處理AJAX請求并返回數據。例如，如果我們使用PHP作為服務器端語言，可以使用以下代碼將數據返回給前端：

$data = array('name' =>'John', 'age' =>25);
echo json_encode($data);

以上代碼將一個包含'name'和'age'鍵值對的關聯數組轉換為JSON格式的字符串，并將其輸出給前端。

總之，使用AJAX接收后端傳來的數據可以極大地提高Web應用程序的用戶體驗。通過異步獲取數據，并根據返回的結果做出相應的處理，我們可以創建出更加快速和動態的用戶界面。無論是通過XMLHttpRequest對象發送HTTP請求，還是通過回調函數處理服務器返回的數據，AJAX都為前端開發者提供了一種強大而靈活的方式來與后端通信。