1 从后端接收json数据,前端处理生成excel下载
JsonExportExcel的github地址:https://github.com/cuikangjie/JsonExportExcel
这种方式比较适用于该数据需要能够导出下载并且同时要展现在页面的场景
https://www.cnblogs.com/tanwei81/p/6934834.html 这有个demo
原理:就是创建一个table文件,在创建一个excel文件,把table文件放到excel文件中中,然后excel文件放到浏览器上,然后创建a标签并插入html中,href指向这个浏览的地址,downloa指明文件的名字,最后移除这个节点。
<br style='mso-data-placement:same-cell;'/>
无法换行的话加这个
記住一點:无法合并行,所以只能在一行中 想办法换行,合并和会出现问题(tr貌似成了行内了),
2 通过form表单接收文件
如果后端已经处理成了excel,就不需要前端在处理生成,但是Ajax能够返回的数据格式只能为html,script,json,xml,不能直接接受excel文件,如果你直接通过ajax去获取文件就会报错。但是我们可以利用表单可以支持文件传输的特性,通过表单进行请求提交,就可以顺利接受到文件啦。
1
2
3
4
|
<
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为返回的地址即可