前端下载excel文件功能的三种方法

Posted 2020-09-18 hou_hou

 

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为返回的地址即可