form表单方式提交代码示例

最新推荐文章于 2021-11-17 11:52:54 发布

原创最新推荐文章于 2021-11-17 11:52:54 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#web #js

成长之路专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一种使用JavaScript动态创建表单并进行POST提交的方法，通过构造一个隐藏的form元素，利用DOM操作添加必要的参数，实现了跨域数据提交的功能。

post('******.do',{"username":p1,"userId":p2,"userCode":p3,"imgUrl":imgUrl});

function post(url, params) {
// 创建form元素
var temp_form = document.createElement("form");
// 设置form属性
temp_form .action = url;
temp_form .target = "_self";
temp_form .method = "post";
temp_form .style.display = "none";
// 处理需要传递的参数
for (var x in params) {
var opt = document.createElement("textarea");
opt.name = x;
opt.value = params[x];
temp_form .appendChild(opt);
}
document.body.appendChild(temp_form);
// 提交表单
temp_form .submit();
}