使用 AJAX 發送請求并返回一個 Excel 文件是一種非常有用的技術。通過這種技術，我們可以在不刷新整個頁面的情況下，從服務器獲取 Excel 數據，并在客戶端進行展示或下載。舉個例子，假設我們正在開發一個電商網站，我們想要讓用戶能夠在網站上導出自己的訂單信息作為 Excel 文件。通過使用 AJAX 請求，我們可以實現一種快速、方便的方式，讓用戶一鍵導出Excel文件。 在這篇文章中，我們將學習如何使用 AJAX 發送請求并獲取一個 Excel 文件。我們將探討服務器端和客戶端的代碼，并進行詳細的代碼解析。在我們的示例中，我們假設我們的服務器端使用 PHP 來生成 Excel 文件。 首先，讓我們看一下客戶端的代碼實現。假設我們有一個按鈕，當用戶點擊它時，我們將發送一個 AJAX 請求來獲取 Excel 文件。我們可以使用 jQuery 來簡化 AJAX 請求的處理。以下是一個簡單的 HTML 頁面示例： ```html導出 Excel``` 在上面的示例中，我們首先為 "導出 Excel" 按鈕添加了一個點擊事件處理程序。當按鈕被點擊時，我們發送一個 AJAX 請求到服務器上的 `export.php` 腳本。在請求中，我們將 `responseType` 設置為 `blob`，這告訴瀏覽器返回的數據是二進制對象。 當服務器端的操作完成后，我們將在 `success` 回調函數中處理返回的數據。首先，我們創建一個 `` 元素，然后為其設置一個臨時的 URL，該 URL 是通過使用 `URL.createObjectURL()` 方法創建的。接下來，我們設置 `` 元素的 `download` 屬性為 `orders.xlsx`，這樣瀏覽器會將返回的 Excel 文件作為 `orders.xlsx` 進行下載。最后，我們通過調用 `URL.revokeObjectURL()` 方法來釋放 URL 對象。 接下來，讓我們看一下服務器端的代碼實現。如前所述，我們假設我們的服務器端使用 PHP 來生成 Excel 文件。以下是一個簡單的 PHP 腳本示例，用于生成 Excel 文件并將其返回給客戶端： ```phpgetActiveSheet(); $sheet->setCellValue('A1', '訂單號'); $sheet->setCellValue('B1', '產品名稱'); $sheet->setCellValue('C1', '價格'); $sheet->setCellValue('A2', '001'); $sheet->setCellValue('B2', '商品A'); $sheet->setCellValue('C2', '100'); $sheet->setCellValue('A3', '002'); $sheet->setCellValue('B3', '商品B'); $sheet->setCellValue('C3', '200'); // 保存 Excel 文件到臨時目錄 $writer = new Xlsx($spreadsheet); $filename = tempnam(sys_get_temp_dir(), 'orders_') . '.xlsx'; $writer->save($filename); // 返回 Excel 文件 header('Content-Type: application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'); header('Content-Disposition: attachment; filename="orders.xlsx"'); header('Cache-Control: max-age=0'); header('Content-Length: ' . filesize($filename)); readfile($filename); // 刪除臨時文件 unlink($filename); ?>``` 在上面的示例中，我們首先使用 PHP 的 `PhpSpreadsheet` 庫創建了一個簡單的 Excel 文件。然后，我們將該 Excel 文件保存到臨時目錄中，并將文件名作為響應的一部分返回給客戶端。通過設置適當的頭部信息，我們告訴瀏覽器返回的是 Excel 文件，以及需要將其作為附件進行下載。 這就是使用 AJAX 發送請求并返回一個 Excel 文件的完整示例。通過運行客戶端和服務器端的代碼，我們可以在網頁上一鍵導出 Excel 文件。無論是在電商網站還是其他 Web 應用程序中，這種技術都有著廣泛的應用價值。希望本文能幫助到你！