AJAX（Asynchronous JavaScript and XML）是一種前端技術，用于在不刷新整個頁面的情況下與服務器進行異步數據通信。雖然 AJAX 最常用于處理 XML 數據，但是它也可以處理其他類型的數據，例如文件下載。本文將介紹如何使用 AJAX 傳輸文件并進行下載。

通常，要通過 AJAX 下載文件，需要執行以下幾個步驟：

1. 創建一個 XMLHttpRequest 對象：

var xhr = new XMLHttpRequest();

2. 設置服務器端接收文件的 URL：

var url = "file_download.php";

3. 設置請求的方法為 POST：

xhr.open("POST", url, true);

4. 設置請求頭信息，告訴服務器發送的是文件數據：

xhr.setRequestHeader("Content-Type", "multipart/form-data");

5. 監聽 AJAX 的 readyState 變化：

xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 文件下載完成后的處理
}
};

6. 發送請求：

xhr.send(file);

其中，file 為文件對象，可以通過 input 標簽的 type="file" 獲取：

var fileInput = document.getElementById("file-input");
var file = fileInput.files[0];

舉個例子，假設有一個按鈕和一個文件上傳控件，點擊按鈕時觸發文件下載：

var downloadButton = document.getElementById("download-button");
downloadButton.addEventListener("click", function() {
var fileInput = document.getElementById("file-input");
var file = fileInput.files[0];
var xhr = new XMLHttpRequest();
var url = "file_download.php";
xhr.open("POST", url, true);
xhr.setRequestHeader("Content-Type", "multipart/form-data");
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 文件下載完成后的處理
}
};
xhr.send(file);
});

上述代碼中，點擊按鈕時會獲取文件上傳控件的文件，并使用 AJAX 將文件發送到服務器。當服務器處理完文件下載請求后，前端可以根據需要進行相應的處理。

總之，通過 AJAX 傳輸文件并進行下載可以實現更加靈活和友好的文件下載體驗。無需刷新整個頁面，用戶可以在不中斷瀏覽的情況下下載所需文件。