AJAX(Asynchronous JavaScript and XML) 是一種用于在網頁上發送和接收數據的技術，在后臺與服務器進行異步通信，可以大大提高用戶體驗。通過AJAX，我們可以在不刷新整個網頁的情況下，動態地更新部分頁面內容。本文將介紹AJAX如何向后臺發送請求并返回數據，以及如何處理返回的數據。

在前端發送AJAX請求時，我們常常需要將數據發送給后臺，并等待后臺返回處理結果或需要的數據。后臺可以是服務器端的腳本程序，如PHP、Java、Python等。下面我們以發送一個用戶名的例子來演示AJAX如何返回后臺數據。

首先，我們需要創建一個XMLHttpRequest對象，該對象可以用來向服務器發送請求并接收相應的數據。接下來，我們使用open()方法來指定請求的方式(GET或POST)和URL，然后使用send()方法將請求發送給后臺。

var xhr = new XMLHttpRequest();
xhr.open('GET', 'backend.php?username=John', true);
xhr.send();

上述代碼中，我們使用GET方式向后臺發送請求。請求的URL是"backend.php"，并帶有一個名為"username"的參數，值為"John"。其中，第三個參數"true"表示異步請求。當請求發送完畢后，我們可以通過監聽XMLHttpRequest對象的readyState屬性來判斷請求的狀態。

xhr.onreadystatechange = function() {
if (this.readyState === 4 && this.status === 200) {
// 處理返回的數據
}
};

當readyState的值為4時，表示服務器已經返回了完整的響應。而status屬性表示服務器的響應狀態，一般情況下200表示請求成功。在狀態和響應都返回正常的情況下，我們可以通過responseText屬性獲取服務器返回的數據。

xhr.onreadystatechange = function() {
if (this.readyState === 4 && this.status === 200) {
var response = this.responseText; // 獲取服務器返回的數據
// 處理返回的數據
}
};

獲取到后臺返回的數據后，我們可以根據具體的情況，進行進一步的處理。比如，可以將返回的數據動態地顯示在網頁上，或者根據返回的數據進行相應的操作。以下是一個簡單的示例：

xhr.onreadystatechange = function() {
if (this.readyState === 4 && this.status === 200) {
var response = this.responseText;
document.getElementById("result").innerHTML = response; // 將返回的數據顯示在id為"result"的元素上
}
};

在上述代碼中，我們使用innerHTML屬性將返回的數據插入到id為"result"的元素中。這樣，當后臺返回數據時，前端頁面就可以實時更新顯示了。

除了上述的通過responseText屬性獲取服務器返回的數據外，還可以使用responseXML屬性來獲取XML格式的數據。當服務器返回的數據是XML格式時，可以使用該屬性進行處理。使用responseXML屬性時，我們需要在后臺返回的數據中添加XML的頭部信息，并根據返回的數據類型進行相應的解析和操作。

綜上所述，通過AJAX請求后臺返回數據，可以實現頁面的動態更新和與后臺的異步交互。通過發送AJAX請求，前端可以向后臺提交數據，然后獲取后臺處理后的結果或所需的數據，從而提升用戶體驗。