微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

ajax的无刷新文件下载

使用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(); //表单提交

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐