当前位置： 移动技术网 > IT编程>开发语言>JavaScript > 使用Ajax导出Excel

使用Ajax导出Excel

2020年07月22日  | 移动技术网IT编程  | 我要评论

最近有个需求是导出符合条件的数据的Excel文件。前端使用Ajax，和以前的前后端不分离项目不同。而后开始百度编程模式，得出一下结论：

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请求把参数传给后端，后端返回一个url给前端，前端Ajax回调函数发起一个window.open(url?params=params)即可

$.ajax({
	url: '../../eldercare/excel/export?_' + $.now(),
	type: 'post',
	dataType: "json",
	contentType : 'application/json',
	data : JSON.stringify(param),
	success: function(data){
   	 //window.open('../../eldercare/excel/downFromCache?params='+data.rows, '_self');
   	 window.open(data, '_blank');
},

注意，使用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个字符。

本文地址：https://blog.csdn.net/weixin_42455301/article/details/107454486

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网