现在的位置: 首页 > 综合 > 正文

ajax的无刷新文件下载

2018年01月24日 ⁄ 综合 ⁄ 共 1061字 ⁄ 字号 评论关闭

       使用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:

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

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

form.attr('target','');

form.attr('method','post');

form.attr('action',"exportSms");

      

var input1
= $(
'<input>'); 

input1.attr('type','hidden'); 

input1.attr('name','exportPostTime'); 

input1.attr('value',timeString); 

      

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

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

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

抱歉!评论已关闭.