网页无刷新下载文件
2016-01-08 00:00
204 查看
摘要: 网页无刷新下载文件,有三种方式。这里只记录一种,能达到效果就可以了——利用操作DOM动态创建form表单,和在form表单中创建隐藏域的方式提交表单,进行无刷新下载。
网页无刷新下载文件,有三种方式。这里只记录一种,能达到效果就可以了——利用操作DOM动态创建form表单,和在form表单中创建隐藏域的方式提交表单,进行无刷新下载。
前端利用Jquery来进行对DOM操作。下面直接上代码:
服务器端需要定义返回头
就到这里了。
PS:顺便推广下我正在使用javaWeb框架:Nutz,一个比SSH更好用的框架。http://www.nutzam.com/
网页无刷新下载文件,有三种方式。这里只记录一种,能达到效果就可以了——利用操作DOM动态创建form表单,和在form表单中创建隐藏域的方式提交表单,进行无刷新下载。
前端利用Jquery来进行对DOM操作。下面直接上代码:
//下文excel文件 ,利用动态生成一个form表单的形式,下载 $("#download").click(function(){ var form=$('<form id="downloadForm">');//定义一个form表单 form.attr("style","display:none"); form.attr("target",""); form.attr("method","post"); var input=$("<input>"); //定义一个隐藏域,设置你要上传的参数的name和value input.attr("type","hidden"); input_yearMonth.attr("name","yearMonth"); input_yearMonth.attr("value",_yearMonth); $("body").append(form);//将表单放置在web中 form.append(input); form.submit();//表单提交 $("#downloadForm").remove(); //删除表单,防止用户多次提交下载,不断生成相同form代码。 });
服务器端需要定义返回头
response.reset(); //解决Content-disposition filename中不能使用中文名的方法。filename 和 filename*来解决跨浏览器中文名问题 String filename = yearMonth + URLEncoder.encode("订单数据详情表("+barberName+")","UTF-8")+".xls"; response.setHeader("Content-disposition","attachment;filename="+filename+";filename*="+filename); response.setContentType("application/msexcel"); //我这里是下载excel文件。
就到这里了。
PS:顺便推广下我正在使用javaWeb框架:Nutz,一个比SSH更好用的框架。http://www.nutzam.com/
相关文章推荐
- java设计模式——单例模式
- libubox
- 文档管理软件与OA办公系统的区别
- Head First Java 阅读笔记
- Dell R720 Server 2008 R2 安装 AMD firepro V4900 显卡
- Dell R720 4块硬盘,两块做普通盘,两块做Raid0 安装
- https://raw.githubusercontent.com/racaljk/hosts/ma
- 深圳泊众棋牌 精品化游戏标杆
- java文件cmd窗口编译后,运行class文件时报找不到类的错误。
- java文件cmd窗口编译后,运行class文件时报找不到类的错误。
- 编码理解
- 代码片段
- 如何控制近视度数
- 非凡程序员 王力
- 我用WeX5开发Web app的心得与总结
- 服务行业中什么生意最赚钱
- Linux中设置服务自启动的三种方式
- LNMP搭建
- JAVA生成持久化流水号
- 搭建环境的步骤----web