js构建form表单以post方式提交一般用于导出文件

最新推荐文章于 2021-06-10 14:18:07 发布

原创最新推荐文章于 2021-06-10 14:18:07 发布 · 5.3k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#表单 #js

js 专栏收录该内容

16 篇文章

订阅专栏

本文介绍了一种使用JavaScript动态创建并提交表单的方法，主要用于文件导出场景。通过构造一个隐藏的HTML表单，并设置其提交路径及参数，可以实现通过POST请求导出文件的功能。

js构建form表单

以post方式提交

一般用于导出文件

传递参数：

var parms = {
  "key1":"value1",
  "key1":"value2"
}

/**
 * 构建form表单，以post方式提交
 * @param actionUrl  提交路径
 * @param parms      提交参数
 * @returns {___form0}
 */
function construtForm(actionUrl,parms){
 var form = document.createElement("form");
 form.style.display='none';;
 form.action = actionUrl;
 form.method="post";
 document.body.appendChild(form);
 
 
 for(var key in parms){
  var input = document.createElement("input");
  input.type = "hidden";
  input.name = key;
  input.value = parms[key];
  form.appendChild(input);
// console.log(key);
// console.log(parms[key]);
 }
// form.submit();
 
  return form;
 
}