前端调⽤后端接⼝下载excel⽂件的⼏种⽅式
  今天有⼀个导出相应数据为excel表的需求。后端的接⼝返回⼀个数据流,⼀开始我⽤axios(ajax类库)调⽤接⼝,返回成功状态200,但是!但是浏览器没有⾃动下载excel表,当时觉得可能是ajax的安全性问题导致⽆法下载。下⾯列觉两种我测试成功的⽅式:
  1.window.location.href = '接⼝地址'
    含义:当前页⾯打开URL页⾯.
    和在浏览器输⼊接⼝地址⼀样,可以下载excel⽂件.但是缺点是⽆法执⾏POST请求
  2.利⽤隐藏表单解决(我这⾥假设加⼊了JQuery库):
var exportData = [
{'list1':'xiaodo1'},
{'list2':'xiaodo2'}
language tips英语点津>人物网页设计模板]  //模拟后台需要接收的参数
matlab矩阵按列画图let form = $("<form>"); //创建form标签
form.attr("style","display:none");
from.attr("method","post");//设置请求⽅式
form.attr("action","接⼝地址"); //action属性设置请求路径
$("body").append(form); //页⾯添加form标签
let input1 = $("<input>") //创建input标签
input1.attr("type","hidden") //设置隐藏域
input1.attr("name","data") //设置发送后台数据的参数名
input1.attr("value",JSON.Stringify(exportData));
rate函数计算年利率
form.submit();//表单提交即可下载!
上⾯就是我测试成功的两种⽅法.后⾯我去百度了⼀下axios如何导出excel⽂件,发现也是可以的.
jquery下载文件请求动态无功补偿
谢谢!

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。