原生Ajax方式请求后端导出Excel，在浏览器页面显示下载Excel表（前端请求带header）

 

以前实现导出Excel，都是用form表单提交，因为jquery封装的ajax请求导出Excel，浏览器不显示文件。

但是这次的需求要带着header，form表单不能带header，百度了下，原生ajax是支持导出Excel的二进制数据格式的。

 

 

 

1、JS方法里全部代码

 

//原生ajax
var xhr = new XMLHttpRequest();
//post方式请求后台的路径
xhr.open('post', '/api/export', true);
//导出的Excel是二进制数据类型，所以设置为blob
xhr.responseType = 'blob';
//请求头（key,value），请求头可以设置多个key-value对
xhr.setRequestHeader('Content-Type', 'application/json;charset=utf-8');
//返回成功，导出的Excel文件
xhr.onload = function () {
	if (this.status == 200) {
		var blob = this.response;
		var a = document.createElement('a');
		var url = window.URL.createObjectURL(blob);
		a.href = url;
		//设置文件名称
		a.download = 'Excel文件名字.xlsx';
		a.click();
	}
}
var feeDate = $('#feeDate').val();
//请求的参数，json格式，后台要用json格式接收
xhr.send(JSON.stringify({
   "feeDate" : feeDate
}));

　　

 

 form表单导出Excel，请参照

 https://www.cnblogs.com/Donnnnnn/p/7902718.html