导出Excel文件，前端不弹出下载提示框

最新推荐文章于 2024-09-12 14:41:18 发布

w441089

最新推荐文章于 2024-09-12 14:41:18 发布

阅读量5.4k

点赞数 1

分类专栏： Java 文章标签： vue js

本文链接：https://blog.csdn.net/w441089/article/details/114231887

版权

在前后端分离的项目中，前端通过Ajax调用后端生成Excel文件流，虽然返回状态码为200，但并未弹出下载提示框。原因是Ajax请求不会自动触发下载。解决办法包括使用window.open或window.location.href来打开新窗口进行下载，或者在前端包装一个表单提交方法。后端接口需使用@RequestParam接收参数。

摘要由CSDN通过智能技术生成

导出Excel文件，前端不弹出下载提示框

前后端分离，前端调用后端生产excel文件流，并输出到HttpServletResponse，前端浏览器提示访问成功200，但是没有弹出下载Excel的提示窗口。

问题原因：
ajax方式请求路径，要想出现下载Excel的弹窗，应该是重新打开一个窗口，而ajax默认不动页面直接将值返回，所以没有提升下载。

解决办法：
1、最简单的：
let actionUrl = BASE_URL + “/exportExcel?isTemplate=”+“true”;
window.open(actionUrl);

或者如诺依的：
window.location.href = baseURL + “/common/download?fileName=” + encodeURI(fileName) + “&delete=” + true;

2、前台包装一个方法，from提交

//导出excel
export function exportToExcel(config){

    var iform = document.createElement("iframe");
    iform.setAttribute("name", "downloadIframe");
    iform.setAttribute("style", "display:none");
    document.body.appendChild(iform);

    var form = document.createElement("form");
    document.body.appendChild(form