AJAX（Asynchronous JavaScript and XML）是一種用于創建快速、動態網頁的技術。其主要優勢之一是能夠通過無需刷新整個頁面的異步請求，與服務器進行數據交互。在本文中，我們將探討如何使用AJAX進行批量下載文件到本地的操作。

在許多Web應用程序中，常常需要提供下載文件的功能。例如，在一個圖片分享社交平臺上，用戶可以選擇并下載多張照片。傳統的方式是通過點擊每個文件的下載鏈接，在新的頁面或瀏覽器標簽中打開文件，并手動保存到本地。這種方式非常繁瑣，尤其在需要下載多個文件的情況下。利用AJAX技術，我們可以實現一鍵下載多個文件的功能，大大提高用戶體驗。

下面我們將通過一個簡單的示例來說明如何使用AJAX批量下載文件到本地。假設我們有一個包含多個文件下載鏈接的頁面，用戶可以選擇需要下載的文件，并點擊一個下載按鈕。一旦用戶點擊下載按鈕，AJAX請求將觸發，服務器將返回一個包含所有文件的ZIP文件。

// HTML代碼
<div>
<input type="checkbox" name="file" value="file1.png">文件1.png
<input type="checkbox" name="file" value="file2.png">文件2.png
<input type="checkbox" name="file" value="file3.png">文件3.png
<input type="button" value="下載選中文件" onclick="downloadFiles()">
</div>
// JavaScript代碼
function downloadFiles() {
var selectedFiles = [];
var checkboxes = document.getElementsByName("file");
for (var i = 0; i < checkboxes.length; i++) {
if (checkboxes[i].checked) {
selectedFiles.push(checkboxes[i].value);
}
}
if (selectedFiles.length === 0) {
alert("請先選擇文件！");
return;
}
var xhr = new XMLHttpRequest();
xhr.open("POST", "/downloadFiles", true);
xhr.setRequestHeader("Content-Type", "application/json");
xhr.responseType = "blob";
xhr.onload = function() {
if (xhr.status === 200) {
var blob = new Blob([xhr.response]);
var link = document.createElement("a");
link.href = URL.createObjectURL(blob);
link.download = "文件.zip";
link.click();
}
};
xhr.send(JSON.stringify(selectedFiles));
}

在上述代碼中，我們首先使用JavaScript獲取到用戶選擇的文件，然后將這些文件的名稱作為參數傳遞給服務器。服務器讀取對應的文件，并創建一個包含這些文件的ZIP文件，并返回給客戶端。在客戶端，我們使用Blob對象和URL.createObjectURL()函數創建一個包含ZIP文件的URL，并將其賦給一個新創建的a元素的href屬性。最后，我們通過調用link的click()方法觸發自動下載。

通過以上的示例，我們可以看到使用AJAX批量下載文件到本地的過程并不復雜。使用AJAX進行文件下載可以提供更好的用戶體驗和效率，特別是在需要一次下載多個文件時。

總之，AJAX技術為我們提供了一種快速、動態地與服務器進行數據交互的方式。通過使用AJAX，我們可以很輕松地實現批量下載文件到本地的功能，從而提高用戶體驗和效率。