原生js调用后端接口form表单导出Excel

每一天，每一步

于 2022-10-12 13:28:51 发布

阅读量1.1k

点赞数

分类专栏： javaScript 文章标签： javascript 前端开发语言导出

本文链接：https://blog.csdn.net/u010234868/article/details/127280888

版权

javaScript 专栏收录该内容

136 篇文章

订阅专栏

本文介绍了一个使用原生JavaScript实现从后端接口下载Excel文件的方法。通过创建表单并提交特定参数来触发文件下载，适用于无需依赖第三方库的场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

原生js调用后端接口form表单导出Excel函数：

function exportExcel(url, params) { //url是接口请求地址, params是get请求需要的参数
    let form = document.createElement("form");
    form.action = url;
    form.method = "get";
    form.target = "_blank";
    form.acceptCharset = "utf-8";
    document.body.appendChild(form);

    for(let key in params){
      let input = document.createElement("input");
      input.type = "hidden";
      input.name = key;
      input.value = params[key];
      form.appendChild(input);
    }

    form.submit();
    form.removeChild(form);
};

导出函数的调用：

<div id="main">
    <button id="btn">下载Excel</button>
</div>

<script>
    btn.onclick = function() {
        let params = {
            suject: '数学'
            score: 90
        };
        exortExcel(params, ".../toExportFile");
    }
</script>