javaweb实现文件下载用ajax请求,浏览器无响应的问题

在实现Javaweb文件下载功能时,通过Ajax请求触发下载会导致浏览器无响应。问题在于Ajax返回的是字符型数据,而非所需的文件流。正确做法是使用表单请求来触发文件下载。通过创建隐藏表单,设置表单的action为后台接口,并将参数放入<input>标签中,提交表单即可实现文件的正常下载。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

最近做公司项目要实现用户通过浏览器从服务端下载文件的功能。于是,我写好了后台,然后前端用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>里面。这样就可以了。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值