AJAX（Asynchronous JavaScript and XML）是一種用于在后臺與服務器進行數據交換的技術。它可以使網頁實現動態加載內容，而不需要刷新整個頁面。在前端開發中經常會用到AJAX傳遞多個checkbox的數組。

假設我們有一個網頁上有多個checkbox，并且用戶可以選擇多個選項。當用戶點擊確認按鈕時，需要將選中的checkbox的值傳遞給服務器進行處理。常規的做法是通過form提交，但這會導致整個頁面的刷新，用戶體驗不佳。

為了實現無刷新的動態提交，我們可以使用AJAX來處理。首先，我們需要監聽確認按鈕的點擊事件，然后獲取選中的checkbox的值，并將其封裝成一個數組，最后通過AJAX將數組傳遞給服務器進行處理。

以下是一個簡單的例子來說明如何使用AJAX傳遞checkbox數組：

// HTML部分
<form id="myForm">
<input type="checkbox" name="option[]" value="option1"> 選項1
<input type="checkbox" name="option[]" value="option2"> 選項2
<input type="checkbox" name="option[]" value="option3"> 選項3
<input type="button" value="確認" onclick="sendData()">
</form>

// JavaScript部分
function sendData() {
var checkboxes = document.getElementsByName('option[]');
var selectedOptions = [];
for (var i = 0; i< checkboxes.length; i++) {
if (checkboxes[i].checked) {
selectedOptions.push(checkboxes[i].value);
}
}
// 使用AJAX發送選中的checkbox數組到服務器
var xhr = new XMLHttpRequest();
xhr.open("POST", "server.php", true);
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
// 服務器處理完畢后的回調函數
console.log(xhr.responseText);
}
};
xhr.send("selectedOptions=" + JSON.stringify(selectedOptions));
}

在上面的例子中，我們首先獲取到所有name屬性為"option[]"的checkbox元素，然后遍歷這個checkbox數組，判斷是否被選中，如果選中則將其值加入到selectedOptions數組中。

接著，我們使用XMLHttpRequest對象創建一個AJAX請求，設置請求的HTTP方法、URL和請求頭。然后設置onreadystatechange事件監聽器，當請求狀態變為DONE且請求狀態碼為200時，即表示服務器處理完畢，我們可以獲取服務器返回的響應數據。在這個例子中，我們簡單地將響應數據打印到控制臺中。

最后，我們通過send方法將選中的checkbox數組轉換為JSON字符串并發送給服務器進行處理。

總結來說，使用AJAX傳遞checkbox數組可以實現無刷新的動態提交，提高用戶體驗。通過將選中的checkbox的值封裝成一個數組，然后使用XMLHttpRequest對象發送給服務器進行處理，我們可以輕松實現這一功能。