Ajax配合后端实现Excel的导出

一、需求

在我们的日常开发中,可能经常需要遇到excel的导出,以往excel的导出服务器端都是使用的 GET 方法,但是某些情况下,服务器端只能使用 POST 方法,那么我们有没有好的方法实现excel的导出呢,并且页面最好不要刷新。

二、实现思路

1、方案一:我们可以使用ajax拿到服务器端返回的 数据下载流,然后借助 Blob 对象,在动态的创建一个 a 链接,那么也可以实现。
2、方案二:动态创建一个 iframe 标签下载,这种方案可以POST请求可能就无法下载了。
3、方案三:页面上动态的创建一个form然后提交这个form
此处我们使用 方案一 即使用 ajax 来实现。

三、实现步骤

1、ajax请求的发送我们使用axios库来完成,axiosresponseType需要设置成Blob,默认是json
2、创建 Blob对象
3、创建a标签
4、触发下载动作

四、前端代码




    
    ajax 文件导出
    






实现效果

完整代码如下

ajax文件下载 https://gitee.com/huan1993/fr...

你可能感兴趣的:(ajax,前端,html5)