本篇文章给大家分享的是关于通过Ajax如何请求下载Execl文件,内容很不错,有需要的朋友可以参考一下,希望可以帮助到大家。
通过Ajax请求下载Execl 的问题,掉进一个坑里半个多小时,特此来记录一下 。
起初 我误以为是后台的问题,然而调试了一下并不是这样的,也不会报错,且进入了success 函数。
以下的事件及请求参数看上去貌似也没问题。
1 2 3 4 5 6 7 8 9 10 11 | <a href= "#" class = "easyui-linkbutton" onclick= "downLoadExcelTemplate()" >下载模板</a>
function downLoadExcelTemplate() {
$.ajax({
type: 'POST',
url: "DownLoadExcelTemplate" ,
data: null,
success: function (redata) {
}
});
};
|
登录后复制
其实情况就出在这里,下载文件是不能直接通过Ajax方式的,如果需要使用Ajax操作的话,我们可以这样写
在请求成功之后我们通过创建一个 标签然后添加 href属性,最后触发该属性就OK了
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | <a> 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();
}
});
};</a>
|
相关推荐:
原生JS如何动态加载JS和CSS文件以及代码脚本
js如何实现将上传图片并且压缩的方法
以上是通过Ajax如何请求下载Execl文件的详细内容。更多信息请关注PHP中文网其他相关文章!