隨著互聯網的快速發展，現在的網頁已經不再是靜態的展示頁面，更多的是具備了動態交互的功能。其中，ajax技術的應用越來越廣泛。ajax（Asynchronous JavaScript and XML）是一種利用JavaScript在不重新加載整個頁面的情況下，與服務器進行數據交互的技術。本文將介紹如何使用ajax動態獲取數據，并通過控制多選框來展示相關的實例。

在許多網頁應用程序中，我們經常遇到需要根據用戶的選擇來動態顯示相關數據的場景。一個常見的例子是電商網站的商品篩選功能。用戶可以選擇商品的不同屬性，如顏色、尺碼等，然后網頁會根據用戶的選擇動態加載對應的商品列表。這就是一個典型的ajax應用。

下面是使用ajax獲取數據并控制多選框的示例代碼：

// HTML代碼
<div>
<label>顏色：</label>
<input type="checkbox" name="color" value="紅色">紅色
<input type="checkbox" name="color" value="藍色">藍色
<input type="checkbox" name="color" value="綠色">綠色
<input type="checkbox" name="color" value="黃色">黃色
</div>
<div id="result"></div>
// JavaScript代碼
$("input[name='color']").click(function() {
var selectedColors = [];
$("input[name='color']:checked").each(function() {
selectedColors.push($(this).val());
});
$.ajax({
url: "get_products.php",
type: "GET",
data: { colors: selectedColors },
success: function(response) {
$("#result").html(response);
}
});
});

在上述代碼中，首先我們在頁面上創建了一組多選框，用于選擇商品的顏色。當用戶點擊多選框時，觸發一個事件處理函數。在事件處理函數中，我們通過jQuery選擇器選中所有被選中的多選框，并將其值保存在selectedColors數組中。

然后，我們使用ajax發送一個GET請求到服務器的get_products.php頁面，同時將選中的顏色作為請求參數傳遞。服務器收到請求后，根據傳遞的參數查詢相關商品的數據，并將數據返回給瀏覽器。最后，我們使用ajax回調函數中的success參數，將獲取到的商品數據顯示在頁面上的result元素中。

通過這樣的方式，用戶在選擇多選框時，頁面會根據用戶的選擇自動顯示相關的商品。這種動態獲取數據并控制多選框的方式，可以極大地提升用戶體驗和頁面的交互性。

總之，ajax技術的應用使得網頁具備了動態獲取數據并實時展示的能力。通過控制多選框，我們可以根據用戶的選擇來動態加載相關的數據。上述示例代碼只是一個簡單的例子，在實際應用中，我們可以根據需求進行擴展和優化，以實現更復雜的交互效果。