<script type="text/javascript" language="javascript">
var url = 'xxxx/xxxx.do';
var xhr = new XMLHttpRequest();
xhr.open('GET', url, true); // 也可以使用POST方式,根据接口
xhr.responseType = "blob"; // 返回类型blob
// 定义请求完成的处理函数,请求前也可以增加加载框/禁用下载按钮逻辑
xhr.onload = function () {
// 请求完成
if (this.status === 200) {
// 返回200
console.log(this)
var blob = this.response;
// 判断返回值是否是文本 (判断无数据时弹窗提示)
if (blob.type == "text/html") {
// 将Blob 对象转换成字符串
var reader = new FileReader();
reader.readAsText(blob, 'utf-8');
reader.onload = function (e) {
alert(reader.result);
}
} else {
var reader = new FileReader();
// 转换为base64,可以直接放入a表情href
reader.readAsDataURL(blob);
reader.onload = function (e) {
var blobObj = new Blob([blob], {type: 'application/octet-stream'});
var url = URL.createObjectURL(blobObj);
var exportLink = document.createElement('a');
exportLink.setAttribute("download", "xxxx.xlsx");
exportLink.href = url;
document.body.appendChild(exportLink);
exportLink.click()
}
}
}
};
// 发送ajax请求
xhr.send()
</script>
后端:
@RequestMapping(value = "/exportData", method = RequestMethod.GET)
public void exportData(HttpServletResponse response) throws IOException {
// 数据
List<xxxx> list = xxxService.getxxxx();
if(!(list != null && list.size() > 0)){
// 无数据时可以提示
response.setContentType("text/html; charset=UTF-8");
response.getWriter().println("未找到数据!");
}else{
........导出......
}
}