在現代web開發中，我們經常會遇到需要通過AJAX技術來獲取后端傳來的數據的需求。AJAX即Asynchronous JavaScript and XML，它是一種在Web頁面上與服務器進行異步數據交互的技術。通過AJAX，我們可以在不刷新整個頁面的情況下向服務器請求數據，并將獲取到的數據以合適的方式展示給用戶。

常見的應用場景是我們在一個電商網站上瀏覽商品，當我們點擊“加入購物車”按鈕時，頁面會向服務器發送一個AJAX請求，將商品的ID和數量等信息傳給服務器，服務器會根據這些信息進行相應的處理，然后返回商品的當前庫存數量給客戶端。客戶端可以通過獲取到的庫存數量，及時更新購物車中商品的數量等信息，以便用戶在任何時候都能獲取到最新的商品狀態。

下面我們將以一個簡單的例子來演示如何通過AJAX獲取后端傳來的數據。假設我們需要獲取一個電影列表，然后在頁面中展示這些電影的標題和描述。首先，我們需要在HTML頁面中創建一個用來展示電影信息的容器：

<div id="movie-list"></div>

接下來，我們可以通過AJAX去請求后端傳來的數據。以下是一個使用jQuery庫的例子：

$.ajax({
url: "http://example.com/movie-api",
success: function(data) {
// 在這里處理傳回的數據
},
error: function() {
// 處理錯誤情況
}
});

在上面的代碼中，我們通過指定URL來發送一個異步請求到服務器。服務器將會返回一個包含電影列表的JSON對象，在請求成功的回調函數中，我們可以使用這個返回的數據進行相應的處理。

例如，我們可以遍歷返回的電影列表，然后將電影的標題和描述創建為HTML元素，并添加到之前創建的電影信息容器中：

success: function(data) {
var movieListContainer = document.getElementById("movie-list");
var movies = data.movies;
for (var i = 0; i < movies.length; i++) {
var movieTitle = movies[i].title;
var movieDescription = movies[i].description;
var movieElement = document.createElement("div");
var titleElement = document.createElement("h2");
var descriptionElement = document.createElement("p");
titleElement.innerHTML = movieTitle;
descriptionElement.innerHTML = movieDescription;
movieElement.appendChild(titleElement);
movieElement.appendChild(descriptionElement);
movieListContainer.appendChild(movieElement);
}
}

通過上面的代碼，我們成功地將電影的標題和描述添加到了頁面中的一個容器中。

在實際的應用中，我們還可以通過AJAX技術實現更多的功能，例如查詢商品的價格、用戶登錄驗證等等。AJAX使得我們能夠在不刷新整個頁面的情況下與服務器進行快速的交互，為用戶提供更好的體驗。同時，AJAX也為開發人員提供了一個強大的工具，使得我們能夠更靈活地控制頁面展示和數據交互的流程。

綜上所述，AJAX技術使得我們能夠方便地獲取后端傳來的數據，并將其展示在頁面上，從而提升了用戶體驗和開發效率。在日常的web開發中，我們可以將AJAX應用于各種場景，從而實現更加復雜和動態的功能。