js创建form表达提交下载文件

最新推荐文章于 2022-05-18 19:57:49 发布

不屑哥

最新推荐文章于 2022-05-18 19:57:49 发布

阅读量957

点赞数

分类专栏： javascript/jquery

本文链接：https://blog.csdn.net/fuck487/article/details/103562195

版权

javascript/jquery 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
        <head>
                <meta charset="utf-8">
                <meta name="viewport" content="width=device-width,initial-scale=1.0">
                <title>测试</title>
                <!-- static放不修改项目外的东西，assets项目内。此处读static -->
                <link rel="icon" href="static/icon_256.ico" type="image/x-icon"/>
        </head>
        <body>
                
                <button onclick="recordsClick()">导出</button>

                <script type="text/javascript">
                    function a(){
                        alert('aa');
                        console.info("aa");
                    };
                    function recordsClick(){//导出表格
                        //alert("aaa");

                        var params = {// 参数
                            furnaceNum:1,
                            startTime:"2019-08-01",
                            endTime:"2019-12-05",
                            layerId:5
                        };
            
                        var form = document.createElement('form')
                        form.id = 'form'
                        form.name = 'form'
                        form.enctype = 'application/x-www-form-urlencoded'
                        document.body.appendChild (form)
                        for (var obj in params) {
                            if (params.hasOwnProperty(obj)) {
                                var input = document.createElement('input')
                                input.type='hidden'
                                input.name = obj;
                                input.value = params[obj]
                                form.appendChild(input)
                            }
                        }
                        //请求方式POST提交时 默认Content-Type就是application/x-www-form-urlencoded
                        form.method = "POST" 
                        form.action = "http://127.0.0.1:9000/iron-works-service/api/export/wallHistoryRecordsExport.excel"
                        form.submit();
                        document.body.removeChild(form)
                    }
            
                </script>
        </body>
    
    
</html>