在現代的網頁應用中，經常會使用到多個復選框來讓用戶選擇多個選項。然而，在某些情況下，我們需要把用戶選擇的內容進行處理，例如展示所選擇的選項或者進行后續操作。本文將介紹使用Ajax技術來獲取復選框選中的內容，并展示一個簡單的實例。

在一個商品搜索頁面上，用戶可以通過勾選多個復選框來篩選他們想要的商品。當用戶選擇完畢后，我們希望可以通過Ajax技術獲取到他們所選擇的商品類別，并將其展示給用戶。下面是一段使用Ajax來獲取復選框選中內容的示例代碼：

// 獲取選中的復選框
var checkboxes = document.querySelectorAll('input[type=checkbox]:checked');
// 創建一個空數組，用來存儲選中的內容
var selectedItems = [];
// 遍歷選中的復選框
for (var i = 0; i < checkboxes.length; i++) {
// 將選中的內容添加到數組中
selectedItems.push(checkboxes[i].value);
}
// 使用Ajax技術將選中的內容發送到后臺進行處理
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
// 在頁面上展示選中的內容
document.getElementById("result").innerHTML = xmlhttp.responseText;
}
};
xmlhttp.open("POST", "process.php", true);
xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xmlhttp.send("selectedItems=" + selectedItems.join(","));

在上面的代碼中，我們首先使用querySelectorAll方法獲取到所有選中的復選框。然后，使用一個for循環遍歷這些復選框，并將選中的內容添加到一個數組中。接著，我們使用Ajax技術將這個數組發送到后臺進行處理。在這個例子中，我們假設后臺會將選中的內容進行處理，然后返回處理后的結果。最后，我們將這個結果展示在頁面上。

假設用戶在商品搜索頁面上選擇了"手機"、"電視"和"筆記本電腦"這三個選項，并點擊了"搜索"按鈕。 那么，上述代碼將會通過Ajax技術將"手機,電視,筆記本電腦"這個字符串發送到后臺進行處理。后臺可能會根據這個字符串來查詢數據庫，并返回與之匹配的商品信息。

在這個例子中，我們展示了如何使用Ajax技術來獲取復選框選中的內容，并將其發送到后臺進行處理。然后，我們通過展示處理結果，讓用戶了解到他們所選擇的內容。當然，我們只展示了一個簡單的示例，實際應用中，我們可以根據我們的需求進行相應的處理和展示。通過這種方式，我們可以提供更加靈活和個性化的網頁應用，給用戶帶來更好的體驗。