Ajax 请求下载 Execl 文件

Posted 2020-12-05 Andy·Hu

通过Ajax请求下载Execl 的问题，掉进一个坑里半个多小时，特此来记录一下 。

起初  我误以为是后台的问题，然而调试了一下并不是这样的，也不会报错，且进入了success 函数。

 

以下的事件及请求参数看上去貌似也没问题。

<a href="#" class="easyui-linkbutton" onclick="downLoadExcelTemplate()">下载模板</a>

//下载模板
function downLoadExcelTemplate() {
　　$.ajax({
　　　　type: ‘POST‘,
　　　　url: "DownLoadExcelTemplate",
　　　　data: null,
　　　　success: function (redata) {
　　　　　
　　　　}
　　});
};

其实情况就出在这里，下载文件是不能直接通过Ajax方式的，如果需要使用Ajax操作的话，我们可以这样写

在请求成功之后我们通过创建一个 <a> 标签然后添加 href属性，最后触发该属性就OK了

function downLoadExcelTemplate() {
　　$.ajax({
　　　　type: ‘POST‘,
　　　　url: "DownLoadExcelTemplate",
　　　　data: null,
　　　　success: function (redata) {

　　　　　　var $a = $("<a");
　　　　　　$a.attr("href", "DownLoadExcelTemplate");
　　　　　　$("body").append($a);
　　　　　　$a[0].click();
　　　　　　$a.remove();

　　　　}
　　});
};