加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

ajax的无刷新文件下载

发布时间:2020-12-15 21:46:28 所属栏目:百科 来源:网络整理
导读:使用ajax,ajax的返回值类型是json,text,html,xml类型,或者可以说ajax的发送,接受都只能是string字符串,不能流类型,所以无法实现文件下载。 1、如果非要使用ajax的话,只能通过在回调函数里获得一个 生成文件 的 相关url, 通过创建一个iframe,并设置其

使用ajax,ajax的返回值类型是json,text,html,xml类型,或者可以说ajax的发送,接受都只能是string字符串,不能流类型,所以无法实现文件下载。


1、如果非要使用ajax的话,只能通过在回调函数里获得一个生成文件相关url,通过创建一个iframe,并设置其src值为文件url,或者一个对文件生成流的处理url,这样操作来实现文件下载且页面无刷新。

eg:

<iframe src="" style="display:none;" id="downFileIframe"></iframe>

$.doAjax({
url:basePath+'resultTarget/downExcelTmpl.action',
data:'nodes='+$.toJSONString(nodeArray),
callback:function(msg){
if (msg.status == 0) {
var url = basePath+"download.action?fileName="+encodeURI(encodeURI(escape("业绩-任务.xls")))+"&filePath="+msg.info;
$('#downFileIframe').attr('src',url);
} else {
alert(msg.info);
}
}
});

2、也可以通过js生成一个form,用这个form提交参数,并返回“流”类型的数据。在实现过程中,页面也没有进行刷新。

eg:

varform = $("<form>"); //定义一个form表单

form.attr('style','display:none'); //在form表单中添加查询参数

'target',255); font-family:'Courier New'">'');

'method',255); font-family:'Courier New'">'post');

'action',255); font-family:'Courier New'">"exportSms");

varinput1 = $('<input>');

input1.attr('type',255); font-family:'Courier New'">'hidden');

'name',255); font-family:'Courier New'">'exportPostTime');

'value',timeString);

$('body').append(form);//将表单放置在web中

form.append(input1); //将查询参数控件提交到表单上

form.submit(); //表单提交

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读