ajax的无刷新文件下载

古城微笑少年丶 2021-06-24 13:59 369阅读 0赞

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

发表评论取消回复

表情：

评论列表（有 0 条评论，369人围观）

还没有评论，来说两句吧...

相关阅读

相关 ajax下载文件

this.request(Object.assign({ responseType: 'blob' }, options), params).then((res) =

た入场券/ 2022年12月22日 04:37/ 0 赞/ 77 阅读

相关 java分页代码无刷新_ajax实现的无刷新分页代码实例

一.html代码部分: 序号标题地点已报名类别操作首页上一页下一页尾页二.ajax代码部分: var pageSize = "10";//每页行数 v

不念不忘少年蓝@/ 2022年11月06日 13:56/ 0 赞/ 147 阅读

相关模拟ajax无刷新上传文件

转自：http://www.iteye.com/topic/81120 首先要说的就是 ajax 是无法实现上传文件的，可以想一下ajax与后台通信都是通过传递字符串，怎么

淩亂°似流年/ 2022年08月11日 07:30/ 0 赞/ 138 阅读

相关无刷新上传文件

关于不刷新页面提交表单数据，以前只知道使用ajax的方法，昨天用ajax实现这个功能时，遇到一个问题，表单中有文件域，ajax的方式不能上传文件，除非用js传输文件流。（这是我

梦里梦外;/ 2022年06月16日 13:44/ 0 赞/ 183 阅读

相关 struts2+AJAX实现无刷新进行验证

AJAX:Asynchronous JavaScript And XML 首先来实现struts2+ajax对数据的不提交验证，后面对知识点进行回顾：效果： ![Cen

蔚落/ 2022年06月15日 11:12/ 0 赞/ 149 阅读

相关 ajax下载文件

ajax运行在js的沙箱中，它不能访问物理磁盘。因此用ajax下载不能成功。采用模拟窗体提交的方式下载。 var url = "/ajax/tts/TraceLo

小灰灰/ 2022年06月07日 00:08/ 0 赞/ 191 阅读

相关 ajax无刷新上传文件

详细的解释都在注释里面了，注意一点XMLHttpRequest : 增加很多功能，他不推荐使用onreadystatechange这个事件来监听，推荐使用onload 所以我

落日映苍穹つ/ 2022年05月28日 09:16/ 0 赞/ 155 阅读

相关 Ajax实现无刷新分页效果

一、无刷新分页技术的必要性 ![70][] 如果我们通过“传统方式”实现上图的商品分页效果，每次分页的时候就会使得头部、左侧、底部等已经显示的信息重新从服务器获得出

傷城~/ 2022年05月20日 07:24/ 0 赞/ 214 阅读

相关 ecshop ajax无刷新登陆

<div class="lef\_tit\_bj">会员登陆</div> <div class="left\_c

素颜马尾好姑娘i/ 2021年09月25日 20:26/ 0 赞/ 252 阅读

相关 ajax的无刷新文件下载

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

古城微笑少年丶/ 2021年06月24日 13:59/ 0 赞/ 370 阅读