ajax请求不能下载文件

前端之家收集整理的这篇文章主要介绍了ajax请求不能下载文件前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
最近在做文件下载,后台写了个控制层,直接走进去应该就可以下载文件,各种文件图片,excel等
但是起初老是下载失败,并且弹出下面的乱码:

前台请求代码

$('#fileexcel').unbind('click').bind('click',function(){
                    alert("我要下载了");
                    $.ajax({
                        type:'post',url:'media',data:null,async:true,success : function(msg){
                            alert(msg);
                        }
                    })
                })

看起来貌似没有任何问题,但就不能下载。
本来认为是后台代码有问题,但是将网上的各种demo放进去还是有问题。
在坑了一天后,终于发现问题所在了。
那就是请求方式有问题,文件下载的请求是不能写在ajax里面的!
写成下面这样的就可以了:
<a href="/media">点击下载Excel</a>
或者
location.href = '/media';
这次点击下载就出现如下理想效果


然后总结一下为什么下载请求不能放在ajax里发送:
原因:因为response原因,一般请求浏览器是会处理服务器输出的response,例如生成png、文件下载等,然而ajax请求只是个“字符型”的请求,即请求的内容是以文本类型存放的。文件的下载是以二进制形式进行的,虽然可以读取到返回的response,但只是读取而已,是无法执行的,说白点就是js无法调用到浏览器的下载处理机制和程序。
原文链接:https://www.f2er.com/ajax/161156.html

猜你在找的Ajax相关文章