Js生成表单使用post提交方式带参数下载文件,页面不跳转

Posted 一月1

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Js生成表单使用post提交方式带参数下载文件,页面不跳转相关的知识,希望对你有一定的参考价值。

 postFile(params, url) { 
        var form = document.createElement("form");
        form.style = "display:none;";
        form.action = url;
        form.method = "post";
        form.target = "form_iframe"
        document.body.appendChild(form);
       if(!document.getElementById("form_iframe")){
          var ifreame = document.createElement("iframe")
          ifreame.id = "form_iframe";
          ifreame.name = "form_iframe";
          ifreame.style ="display:none;"
          document.body.appendChild(ifreame);
       }
        // 动态创建input并给value赋值
        for (var key in params) {
          var input = document.createElement("input");
          input.type = "hidden";
          input.name = key;
          input.value = params[key];
          form.appendChild(input);
        }
        form.submit();
        form.remove();
      }
    },

 

以上是关于Js生成表单使用post提交方式带参数下载文件,页面不跳转的主要内容,如果未能解决你的问题,请参考以下文章

apipost怎么模拟表单提交下载功能

CURL模拟表单post提交及相关常用参数的使用(包括提交表单同时上传文件)

form表单如何取得返回值

使用jquery form插件进行异步带文件的表单提交

URL传值和form表单提交的区别和原理

表单通过post方式提交的到底是name还是ID?