Ajax实现文件下载

 更新时间:2016年03月04日 11:20:16   作者:白志华  
本文给大家介绍ajax实现文件下载相关知识,涉及到ajax文件下载方面的知识,本文介绍的非常详细,具有参考借鉴价值,感兴趣的朋友一起学习吧

JQuery的ajax函数的返回类型只有xml、text、json、html等类型,没有“流”类型,所以我们要实现ajax下载,不能够使用相应的ajax函数进行文件下载。但可以用js生成一个form,用这个form提交参数,并返回“流”类型的数据。在实现过程中,页面也没有进行刷新。

1. 使用ajax,ajax的返回值类型是json,text,html,xml类型,或者可以说ajax的发送,接受都只能是string字符串,不能流类型,所以无法实现文件下载,强用会出现response冲突。如果非要使用ajax的话,只能通过返回值得到生成的文件相关url。然后在回调函数里通过创建一个iframe,并设置其src值为文件url,或者一个对文件生成流的处理url,这样操作来实现文件下载且页面无刷新。

2. 不使用ajax,通过dom动态操作或创建iframe,form的方式来实现,在下载文件的同时实现页面不刷新,其中iframe的src可以是文件地址url来直接下载文件,也可以是流处理url通过response流输出下载,form的是流处理url通过response流输出下载,dom动态操作的时候实现文件下载,且页面无刷新。要在下载的同时实现进度条的话,可以创建一个定时任务,每隔一定时间就向后台发送请求,通过公用的对象,比如session,来取得文件下载的处理进度。

var title=$("input[name='gjzSelect']").val();
var rqTime = $(".ui-datepicker-time").val();
var ddd= rqTime.split("一");
var startTime=ddd[];
var endTime=ddd[];
var form = $("<form>"); //定义一个form表单
form.attr('style', 'display:none'); //在form表单中添加查询参数
form.attr('target', '');
form.attr('method', 'post');
form.attr('action', "<%=basePath%>jiankong/madeExcel.do");
var input = $('<input>');
input.attr('type', 'hidden');
input.attr('name', 'startTime');
input.attr('value', startTime);
var input = $('<input>');
input.attr('type', 'hidden');
input.attr('name', 'endTime');
input.attr('value', endTime);
var input = $('<input>');
input.attr('type', 'hidden');
input.attr('name', 'title');
input.attr('value', title);
$('body').append(form); //将表单放置在web中
form.append(input); //将查询参数控件提交到表单上
form.append(input);
form.append(input);
form.submit();
<%-- 
$.ajax({
url:'<%=basePath%>jiankong/madeExcel.do',
cache:false,
data:{
'startTime':startTime,
'endTime':endTime,
'title' :title
},
error:function (e){
alert("导出失败!");
},
success:function (data){
alert("导出成功!");
} 
}); 
--%>

以上所述是小编给大家分享的Ajax实现文件下载的相关知识,希望对大家有所帮助!

相关文章

  • Ajax表单异步上传文件实例代码(包括文件域)

    Ajax表单异步上传文件实例代码(包括文件域)

    这篇文章主要介绍了Ajax表单异步上传文件实例代码(包括文件域),非常不错,具有参考借鉴价值,感兴趣的朋友一起看下吧
    2016-08-08
  • 利用 FormData 对象和 Spring MVC 配合实现Ajax文件下载功能

    利用 FormData 对象和 Spring MVC 配合实现Ajax文件下载功能

    这篇文章主要介绍了利用 FormData 对象和 Spring MVC 配合实现Ajax文件下载功能,需要的朋友可以参考下
    2017-08-08
  • 简单实现ajax拖拽上传文件

    简单实现ajax拖拽上传文件

    这篇文章主要教大家如何简单实现ajax拖拽上传文件,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-04-04
  • Ajax使用杂谈 也许也是乱弹

    Ajax使用杂谈 也许也是乱弹

    Google Suggest 和Google Map的出现,引起了我们Web开发者的一次震动。
    2010-05-05
  • ajax实时任务提示功能的实现代码

    ajax实时任务提示功能的实现代码

    本项目运用了 FLEAPHP,MYSQL,SMARTY,FCKEDItor,JSON,PROTOTYPE的技术,在这里首先要感谢这些开源项目的开发者给我们带来的好东西,其次要感谢[生气猪--让我帮她做一个这样的小东西来提醒她按时完成事情].花了一个3个小时完成.希望给大家起到抛砖引玉的作用啊....
    2008-09-09
  • AJAX实现注册验证用户名

    AJAX实现注册验证用户名

    这篇文章主要为大家详细介绍了AJAX实现注册验证用户名,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-03-03
  • ajax请求携带自定义请求头header(跨域和同域)案例实战教程

    ajax请求携带自定义请求头header(跨域和同域)案例实战教程

    这篇文章主要介绍了ajax请求携带自定义请求头header(跨域和同域)案例实战教程,ajax请求是有同源策略的,虽然可以应用CORS等手段来实现跨域,但是这并不是说这样就是“同源”了,本文给大家介绍的非常详细,需要的朋友可以参考下
    2023-10-10
  • 使用AJAX实现分页

    使用AJAX实现分页

    这篇文章主要为大家详细介绍了AJAX实现分页的相关代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-04-04
  • JavaScript实现Ajax总结

    JavaScript实现Ajax总结

    ajax应用非常普及,ajax的优点大家都知道,具体就不多说了,其缺点还真不少,比如破坏浏览器的back功能,同一个url打开的界面并不是完全相同,还有安全性能等方面,至于有这么多的缺点,也阻止不了大家使用ajax的步伐,下文给大家分享javascript实现ajax小结吧
    2015-10-10
  • jQuery+Ajax实现表格数据不同列标题排序(为表格注入活力)

    jQuery+Ajax实现表格数据不同列标题排序(为表格注入活力)

    CSS也使得表格的布局越来越光彩耀人。但是,无论如何,都掩饰不了那些包装下的死板,接下来为大家介绍下让那些死板的数据 更具有可读性、可用性
    2013-04-04

最新评论