时间戳

首页 > 解决方案 > 用于发布包含 HTML 输入数组的表单数据的 JavaScript 函数

javascript - 用于发布包含 HTML 输入数组的表单数据的 JavaScript 函数

问题描述

我有一个包含输入数组的表单，这样

<input type="text" name="title[]"/>
<input type="text" name="title[]"/>
<input type="text" name="title[]"/>

我正在尝试通过 post fetch 方法发布这些数据。但是当我尝试获取表单值时，上述输入的表单上的数据是空的。有没有一种方法可以轻松地做到这一点，而不必遍历每个元素并从数组中获取值，然后在发布之前附加到表单数据？

标签： javascriptforms

解决方案

将FormData 对象作为请求的主体传递（不要手动设置Content-Type标头）。

通过将表单传递给它来构造对象。

const body = new FormData(document.querySelector("form");

注意：这将创建一个多部分/表单数据格式的请求。确保您的服务器端代码可以处理它。大多数会自动。基于 Node.js 的服务器通常需要仔细选择正文解析模块。

推荐阅读