AJAX（Asynchronous JavaScript and XML）是一種用于在不重新加載整個網頁的情況下，通過后臺請求獲取數據并更新部分頁面內容的技術。通過使用AJAX，可以實現動態更新數據、提高用戶體驗和減少數據傳輸量。本文將介紹如何通過AJAX獲取后臺返回的數據，并且提供一些實際的例子來說明。

在使用AJAX獲取后臺返回數據之前，需要在前端頁面編寫相應的代碼，并且定義一個用于接收數據的容器。例如，假設我們想要在一個網頁中顯示最新的新聞標題和內容，我們可以在頁面中添加一個div容器，用于展示數據：

<div id="newsContainer">
<h2>最新新聞</h2>
<ul id="newsList">
<li>正在加載新聞...</li>
</ul>
</div>

接下來，我們可以使用AJAX來獲取后臺返回的數據。在本例中，我們假設后臺返回一個JSON格式的數據，包含最新新聞的標題和內容。下面是一個使用原生JavaScript編寫的AJAX請求的例子：

function getNews() {
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
var response = JSON.parse(xmlhttp.responseText);
var newsList = document.getElementById("newsList");
newsList.innerHTML = "";
for (var i = 0; i < response.length; i++) {
var newsItem = document.createElement("li");
newsItem.innerHTML = response[i].title;
newsList.appendChild(newsItem);
}
}
};
xmlhttp.open("GET", "backend/getNews.php", true);
xmlhttp.send();
}

在上面的例子中，我們首先創建了一個XMLHttpRequest對象，然后設置了一個onreadystatechange事件處理程序。當接收到響應時（readyState為4且HTTP狀態碼為200），我們解析返回的JSON數據，并將新聞標題添加到頁面的新聞列表中。

除了原生JavaScript，還可以使用jQuery庫來簡化和加速AJAX請求的編寫過程。下面是一個使用jQuery的AJAX請求的例子：

function getNews() {
$.ajax({
url: "backend/getNews.php",
type: "GET",
dataType: "json",
success: function(response) {
var newsList = $("#newsList");
newsList.empty();
$.each(response, function(index, item) {
var newsItem = $("<li>").html(item.title);
newsList.append(newsItem);
});
}
});
}

在上面的例子中，我們使用$.ajax函數進行AJAX請求，并設置了請求的URL、HTTP方法、數據類型和成功回調函數。在成功回調函數中，我們通過遍歷返回的數據，動態創建新聞列表項，并添加到頁面的新聞列表中。

通過上面的例子，我們可以看到使用AJAX獲取后臺返回數據的方法是非常簡單的。無論使用原生JavaScript還是jQuery，我們都可以通過編寫一些簡潔優雅的代碼實現這一功能。通過使用AJAX，我們可以實現在不刷新整個頁面的情況下獲取最新的數據，提升用戶體驗和網站性能。