关于使用ajax导出excel问题
2024-10-20 01:21:55
最近有个需求是在页面导入文件,后端进行处理后返回处理结果的excel,前端使用的是ajax。我最开始的做法是:在原有代码后加一段导出excel的代码,结果代码能正常运行,但页面始终没有返回我需要的excel。
而后开始百度编程模式,得出以下结论:
ajax是无法直接导出excel的,因为ajax的返回值只能是字符流,而导出excel是后台往浏览器中写入二进制的字节流
导出excel有以下两种方式:
方法一:window.location.href() & form表单.submit().
<a href="javascript:void(0)" onclick="exportExcel()">导出</a> // 导出,使用这种方式可以,使用ajax请求不可以导出excel
function exportExcel(){
var form = $("<form>");
form.attr('style', 'display:none');
form.attr('target', '');
form.attr('method', 'post');
form.attr('action', '${pageContext.request.contextPath}/user/export'); var input1 = $('<input>');
input1.attr('type', 'hidden');
input1.attr('name', 'item');
input1.attr('value', 'test'); /* JSON.stringify($.serializeObject($('#searchForm'))) */ $('body').append(form);
form.append(input1); form.submit();
form.remove();
}
function() {
var stime = $("#layerdate").val();
var etime = $("#layerdate2").val();
window.location.href = "${pageContext.request.contextPath}/user/export?stime="+stime+"&etime="+etime;
}
方法二:ajax请求把参数缓存在后端返回给前端,前端ajax再次发起一个window.open(url?params=params)即可
$.ajax({
url: '../../eldercare/excel/export?_' + $.now(),
type: 'post',
dataType: "json",
contentType : 'application/json',
data : JSON.stringify(this.tableOpts),
success: function(data){
window.open('../../eldercare/excel/downFromCache?params='+data.rows, '_self');
},
注意,使用window.open()或是window.location.href()时有个前端传值限制,超过限制数会报错。
Microsoft Internet Explorer (Browser):IE浏览器对URL的最大限制为2083个字符,如果超过这个数字,提交按钮没有任何反应。
Firefox (Browser):对于Firefox浏览器URL的长度限制为65,536个字符
Safari (Browser):URL最大长度限制为 80,000个字符。
Opera (Browser):URL最大长度限制为190,000个字符。
Google (chrome):url最大长度限制为8182个字符
最新文章
- idea Error:java: Compilation failed: internal java compiler error
- Android—Socket中关闭IO流后导致Socket关闭不能再收发数据的解决办法
- openfire+asmack搭建的安卓即时通讯(七) 15.5.27
- salt-ssh使用
- java面向对象编程——第四章 类和对象
- 关于Segmentation fault (core dumped)几个简单问题的整理
- 使用drawRect有什么影响
- android实现透明和半透明效果
- 云游戏学习与实践(二)——安装GamingAnywhere
- 接口interface,接口继承implements
- python读取数据库并把数据写入本地文件
- 【Spring Security】七、RememberMe配置
- 3. Longest Substring Without Repeating Characters (ASCII码128个,建立哈西表)
- js,java,jstl多分隔符分割字符串
- C++编写简单的俄罗斯方块游戏
- Vue实例对象的数据选项(火柴)
- storm集群安装
- Reading SketchVisor Robust Network Measurement for Sofeware Packet Processing
- How to create PDF files in a Python/Django application using ReportLab
- hdoj 1026 Ignatius and the Princess I 最小步数,并且保存路径