Ajax 请求下载 Execl 文件
通过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();
}
});
};
推荐阅读
-
Jquery Ajax请求文件下载操作失败的原因分析及解决办法
-
由于扩展配置问题而无法提供您请求的页面。如果该页面是脚本,请添加处理程序。如果应下载文件,请添加 MIME 映射。
-
PHP使用ajax的post方式下载excel文件简单示例
-
通过Ajax方式上传文件使用FormData进行Ajax请求
-
求帮忙修改个php curl模拟post请求内容后并下载文件的解决思路
-
Ajax 生成流文件下载(实现代码)
-
使用FormData进行Ajax请求上传文件
-
AngularJS基于http请求实现下载php生成的excel文件功能示例
-
Ajax实现文件下载
-
jQuery使用动态渲染表单功能完成ajax文件下载