如何使用 JavaScript 模拟 HTML 表单 POST 提交？

通过 JavaScript POST 请求模拟 HTML 表单提交

针对如何在 JavaScript 中使用表单提交模拟 POST 请求的查询，最优的跨浏览器方法是动态创建表单元素并提交它们。

要实现此目的，请遵循以下步骤步骤：

1. 创建表单元素：

   const form = document.createElement('form');
   form.method = 'post';
   form.action = path;

2. 添加输入字段：

   for (const key in params) {
     if (params.hasOwnProperty(key)) {
       const hiddenField = document.createElement('input');
       hiddenField.type = 'hidden';
       hiddenField.name = key;
       hiddenField.value = params[key];
   
       form.appendChild(hiddenField);
     }
   }

3. 附加表格并提交：

   document.body.appendChild(form);
   form.submit();

此技术动态创建一个表单，使用请求参数的隐藏输入字段填充该表单，然后启动提交过程。提交后，浏览器会更改位置，模拟传统表单提交的行为。

示例：

post('/contact/', {name: 'Johnny Bravo'});

以上是如何使用 JavaScript 模拟 HTML 表单 POST 提交？的详细内容。更多信息请关注PHP中文网其他相关文章！