最近做公司项目要实现用户通过浏览器从服务端下载文件的功能。于是,我写好了后台,然后前端用JQuery的ajax()方法发送请求到后台,按道理说是没有问题的,包括相应头的设置都没问题,但是点击下载按钮过后,浏览器没任何反应,也没有报错,但是就是没有按照我想的执行文件下载的效果。检查了好久也没有发现问题,后来在一篇博客中看到一个高手稍微提了一句:ajax返回的是字符型数据!一语惊醒梦中人。确实我们一开始都知道ajax返回的是字符型数据,而此处我们需要的是返回文件流到浏览器,我们才能下载到文件。所以在做文件下载请求的时候我们不能用ajax()方法。应该用表单请求。附上我写的js请求方式:
$(function(){
$(".getBrowser").click(function(){
$(".getBrowserDiv").hide();
$(".getBrowserDiv").show();
});
$(".closeBox").click(function(){
$(".getBrowserDiv").hide();
});
$(".getBrowserDiv").find("p").click(function(){
var version = $(this).attr("class");
var url = "/tianbao/zipfile/getBrowser";
var form = $("<form></form>").attr("action", url).attr("method", "get");
form.append($("<input></input>").attr("type", "hidden").attr("name", "version").attr("value", version));
form.appendTo('body').submit().remove();
});
用隐藏表单请求,action指向后台接口,把需要的参数放在<input></input>里面。这样就可以了。