如何通过原生JavaScript实现前端与SpringBoot后端交互，将动态生成的Excel文件下载到本地？

要实现前端通过原生JavaScript与SpringBoot后端交互，并下载动态生成的Excel文件，可以按照以下步骤操作。首先，确保你的SpringBoot后端已经有一个对应的API接口，用于生成Excel文件并返回给前端。接下来，在前端JavaScript中，你需要监听用户触发的导出事件，并收集必要的参数。

参考资源链接：[原生Ajax实现前端导出SpringBoot生成的Excel](https://wenku.csdn.net/doc/4fjohtt36k?spm=1055.2569.3001.10343)

在收集完参数后，创建一个XMLHttpRequest（XHR）对象，设置请求方法为POST，并将收集到的参数作为请求体发送至后端接口。在XHR的`onload`回调函数中，检查响应状态码确认请求成功。成功后，处理返回的二进制数据，创建一个Blob对象并设置相应的MIME类型（如`application/vnd.openxmlformats-officedocument.spreadsheetml.sheet`）以及文件名。

对于现代浏览器，可以创建一个临时的`<a>`元素并设置其`href`属性为`URL.createObjectURL(blob)`创建的URL，并通过模拟点击实现下载。如果是在不支持`download`属性的旧版浏览器，如IE10，可以使用`navigator.msSaveBlob`方法来触发下载。

以下是相关代码示例（省略了具体实现的细节）：

// 假设已有exportButton按钮和相关参数
document.getElementById('exportButton').addEventListener('click', function() {
    var createTimeStart = document.getElementById('createTimeStart').value;
    var createTimeEnd = document.getElementById('createTimeEnd').value;
    var status = document.getElementById('status').value;

    var xhr = new XMLHttpRequest();
    xhr.open('POST', '/api/export/excel', true);
    xhr.setRequestHeader('Content-Type', 'application/json');

    xhr.onload = function() {
        if (xhr.status === 200) {
            var blob = new Blob([xhr.response], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });
            if (window.navigator.msSaveBlob) {
                window.navigator.msSaveBlob(blob, '导出数据.xlsx');
            } else {
                var url = URL.createObjectURL(blob);
                var a = document.createElement('a');
                a.href = url;
                a.download = '导出数据.xlsx';
                document.body.appendChild(a);
                a.click();
                document.body.removeChild(a);
                URL.revokeObjectURL(url);
            }
        }
    };

    xhr.send(JSON.stringify({ createTimeStart, createTimeEnd, status }));
});

这段代码中，`/api/export/excel`应替换为实际后端接口路径。需要注意的是，在实际应用中，应当对参数进行验证，确保数据的安全性和有效性。通过这种方式，可以实现高效且兼容的文件下载功能，提升用户在Web应用中的操作体验。

参考资源链接：[原生Ajax实现前端导出SpringBoot生成的Excel](https://wenku.csdn.net/doc/4fjohtt36k?spm=1055.2569.3001.10343)