AJAX（Asynchronous JavaScript and XML）是一種用于在網頁上創建快速和交互性的技術。通過AJAX，我們可以實現無需刷新頁面的數據交互。在本文中，將介紹如何使用AJAX接收文件流并進行下載。通過這種方式，用戶可以在不離開當前頁面的情況下，選擇下載文件并保存到本地。

在日常的網頁應用中，我們通常會使用文件上傳功能來允許用戶將文件上傳到服務器。而下載文件則是另一個常見的功能需求。使用AJAX接收文件流并下載，可以使用戶在下載文件時無需離開當前頁面，提高用戶體驗。

假設我們有一個需求，用戶通過點擊按鈕觸發文件下載操作。首先，我們需要在頁面中創建一個按鈕元素：

<button id="downloadBtn">下載文件</button>

接下來，我們需要編寫JavaScript代碼，通過AJAX發送請求并接收文件流。我們可以使用XMLHttpRequest對象來實現此操作：

const downloadBtn = document.getElementById('downloadBtn');
downloadBtn.addEventListener('click', () => {
const xhr = new XMLHttpRequest();
xhr.open('GET', '/download', true);
xhr.responseType = 'blob'; // 設置響應類型為二進制流
xhr.onload = () => {
if (xhr.status === 200) {
const blob = xhr.response;
const url = window.URL.createObjectURL(blob);
const a = document.createElement('a');
a.href = url;
a.download = 'file.txt';
document.body.appendChild(a);
a.click();
document.body.removeChild(a);
window.URL.revokeObjectURL(url);
}
};
xhr.send();
});

在上面的代碼中，我們首先通過XMLHttpRequest對象發送一個GET請求到服務器的/download路徑。然后，我們將響應類型設置為blob，以便接收二進制流。在接收到響應后，我們將其轉換成Blob對象，并創建一個URL指向該Blob對象。接著，我們動態創建一個a標簽，并設置其href屬性為之前創建的URL。將下載文件命名為'file.txt'。然后，我們將a標簽添加到頁面，并模擬用戶點擊該鏈接進行下載。最后，我們從頁面中移除該a標簽，并釋放URL對象所占用的內存。

通過上述代碼，當用戶點擊下載按鈕時，AJAX請求將被發送到服務器，服務器返回文件流作為響應。然后，使用上述JavaScript代碼將文件流轉換為可下載的文件。用戶可以直接保存該文件到本地。

總結而言，使用AJAX接收文件流并下載可以提供良好的用戶體驗，使用戶無需離開當前頁面即可完成文件下載操作。本文中，我們通過一個示例代碼演示了如何使用XMLHttpRequest對象發送AJAX請求，并處理文件流的下載。您可以根據實際需求進行進一步的擴展和改進。