通过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(); } }); };