AJAX（Asynchronous JavaScript and XML）是一種用于在不重新加載整個頁面的情況下，通過后臺與服務器進行數據交換的技術。通過AJAX，我們可以實現動態加載和更新網頁內容，提升用戶體驗。這篇文章將探討使用AJAX如何獲取另一個數據，并通過舉例和代碼演示來說明。

假設我們正在開發一個電商網站，需要實現一個商品篩選功能。用戶可以通過選擇不同的篩選條件來動態更新商品列表。我們可以通過AJAX來實現這個功能，從服務器獲取滿足條件的商品數據，然后將數據動態展示在網頁中。

首先，我們需要在前端頁面中定義一個事件監聽器，當用戶改變篩選條件時，觸發AJAX請求獲取商品數據。例如，用戶選擇了價格低于100元的商品，我們可以通過如下的代碼來發送AJAX請求：

$.ajax({
url: "get_products.php",
type: "GET",
data: { price: "100" },
success: function(response) {
// 更新頁面中的商品列表
$(".product-list").html(response);
}
});

在上面的代碼中，我們使用了jQuery的AJAX方法來發送GET請求。我們指定了請求的URL為get_products.php，同時傳遞了篩選條件參數price=100。當服務器返回響應時，我們使用回調函數success來處理返回的數據。這里我們簡單地將返回的數據更新到網頁的商品列表中。

接下來，我們來看一下get_products.php文件的內容。這個文件應該是一個處理商品篩選的后臺腳本，根據傳遞的篩選條件從數據庫中獲取相應的商品數據，并返回給前端頁面。

$price = $_GET["price"];
// 查詢數據庫中價格低于指定價格的商品數據
$sql = "SELECT * FROM products WHERE price< $price";
$result = mysqli_query($connection, $sql);
// 將查詢結果轉換為HTML格式的商品列表
$productList = "
";
while ($row = mysqli_fetch_assoc($result)) {
$productList .= "
" . $row["name"] . "
";
}
$productList .= "
";
// 返回商品列表給前端頁面
echo $productList;

在上述代碼中，我們首先通過$_GET變量獲取前端頁面傳遞的篩選條件。然后，我們使用SQL語句從數據庫中查詢滿足條件的商品數據。在數據庫查詢結果的遍歷過程中，我們將每個商品的名稱拼接到$productList字符串中。最后，我們將$productList返回給前端頁面。

通過上述步驟，我們就成功實現了使用AJAX獲取另一個數據的功能。當用戶改變篩選條件時，前端頁面會動態加載并更新商品列表，無需刷新整個頁面。這種方式能夠提升用戶體驗，讓網頁內容更加動態和用戶友好。

當然，以上只是一個簡單的例子，實際應用中可能會更加復雜。例如，我們可能需要處理更多的篩選條件，或者從服務器獲取更多的數據。但是，核心的思想和方法是相同的。

總結來說，使用AJAX可以方便地實現動態獲取另一個數據的功能。通過發送AJAX請求，我們可以從服務器獲取所需的數據，并動態更新到前端頁面。這種方式可以提升用戶體驗，使網頁更加動態和靈活。