前端下載excel文件功能的三種方法

 

1 從后端接收json數據，前端處理生成excel下載

JsonExportExcel的github地址：https://github.com/cuikangjie/JsonExportExcel

這種方式比較適用於該數據需要能夠導出下載並且同時要展現在頁面的場景

2 通過form表單接收文件

如果后端已經處理成了excel，就不需要前端在處理生成，但是Ajax能夠返回的數據格式只能為html,script,json,xml，不能直接接受excel文件，如果你直接通過ajax去獲取文件就會報錯。但是我們可以利用表單可以支持文件傳輸的特性，通過表單進行請求提交，就可以順利接受到文件啦。

<form action='ajax_url'>
    <input type="text" name="yourname" value="yourvalue">
    <input type="submit" value="提交">
 </form>

當頁面上不能出現form表單展示時，可以通過設置一個隱藏的form表單獲取excel

3 從后端接受文件地址，設置href下載

這種方法同樣是通過后端來生成excel文件，但 並不直接返回excel文件，前端通過向后端發送ajax請求返回一個用於下載excel文件的地址，在頁面上設置a標簽的href為返回的地址即可