笔记：js原生以 post 方式提交并打开新页面

lxdhwz

已于 2022-03-17 09:35:02 修改

阅读量564

点赞数

CC 4.0 BY-SA版权

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

于 2022-03-16 17:18:54 首次发布

本文链接：https://blog.csdn.net/lxdhwz/article/details/123531298

前端专栏收录该内容

11 篇文章

订阅专栏

这篇博客介绍了一种使用JavaScript动态创建隐藏表单并模拟POST请求的方法，将数据提交到指定URL。通过创建textarea元素设置表单字段和值，然后在页面中添加并提交表单，实现后台数据交互。

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

原理：模拟表单

<!DOCTYPE html>
<body><script>+(function name(){let setform=document.createElement("form");
setform.action = 'http://www.so.com';     //目标路径
setform.method="post";setform.target = "_blank";setform.style.display="none";
let valudic = {'key':'value'};          //值
for (keys in valudic){let setkey=document.createElement("textarea");setkey.name=keys;setkey.value=valudic[keys];
setform.appendChild(setkey);}document.body.appendChild(setform);setform.submit();})()</script></body>