Ajax是一種在Web開發中常用的技術，它可以通過在不刷新整個頁面的情況下，發送請求并獲取后端數據，通過JavaScript動態更新頁面內容。本文將介紹如何使用Ajax獲取后端數據，并通過豐富的例子進行說明。

在使用Ajax獲取后端數據之前，首先需要有一個后端API來處理請求并返回數據。舉個例子，假設有一個圖書館網站，我們需要根據用戶輸入的關鍵字來搜索圖書館中的圖書信息。后端提供了一個接口來接受搜索關鍵字，并根據關鍵字返回匹配的圖書數據。

接下來，我們需要在前端頁面中使用Ajax來發送請求并獲取后端數據。首先，我們需要創建一個XMLHttpRequest對象，并指定要發送的請求的URL。然后，我們可以使用open()函數來配置請求的類型、URL以及是否異步處理。在這個例子中，我們使用GET類型的請求，并將關鍵字作為參數傳遞給后端API。

var keyword = 'JavaScript';
var request = new XMLHttpRequest();
request.open('GET', '/api/books?keyword=' + keyword, true);

接下來，我們需要指定當請求完成時所需執行的函數。我們使用addEventListener()函數來監聽請求的readystatechange事件，并在readyState為4（請求已完成）并且status為200（請求成功）時執行回調函數。在這個例子中，回調函數中的處理邏輯是將返回的數據解析成JSON格式，并更新頁面中的圖書列表。

request.addEventListener('readystatechange', function() {
if (request.readyState === 4 && request.status === 200) {
var response = JSON.parse(request.responseText);
var books = response.books;
// 更新圖書列表的代碼...
}
});

最后，我們需要發送請求，可以使用send()函數來發送請求到后端API，并將后端返回的數據更新到頁面中。在這個例子中，我們可以將圖書列表的HTML代碼插入到頁面中指定的元素中。

request.send();

綜上所述，通過使用Ajax可以輕松地發送請求并獲取后端數據。通過正確配置請求的類型和URL，并處理返回的數據，我們可以根據需要更新頁面內容，實現動態加載數據。在上述圖書館網站示例中，我們成功地使用Ajax來根據用戶輸入的關鍵字搜索圖書館中的圖書信息，并在返回數據后動態更新頁面中的圖書列表。