在不序列化的情况下将 HTML5 FormData 转换为 JSON
使用 HTML5 表单时，可能需要将表单的数据转换为 JSON。一种常见的方法是序列化 FormData 对象；然而，这可能并不适合所有情况。以下是将 FormData 条目转换为 JSON 而不进行序列化的方法：
第 1 步：迭代 FormData 对象
使用 forEach() 方法迭代 FormData 对象的条目。每个条目包含一个键（字段名称）和一个值（输入值）。
第 2 步：创建一个普通对象
初始化一个空对象来存储转换后的JSON 数据。
第 3 步：将条目转换为键值对
在 forEach() 回调中，根据键将值分配给对象。例如：
<code class="javascript">formData.forEach(function(value, key) {
object[key] = value;
});</code>第四步：将对象转换为 JSON
最后，使用 JSON.stringify() 方法将对象转换为 JSON 字符串。
<code class="javascript">var json = JSON.stringify(object);</code>
使用 ES6 箭头函数
您可以使用 ES6 箭头函数简化 forEach() 循环：
<code class="javascript">formData.forEach((value, key) => object[key] = value);</code>
支持多个值
如果您的表单包含具有多个值的字段，例如多选列表，您可以修改上述代码以支持它们：
<code class="javascript">formData.forEach((value, key) => {
if (!Array.isArray(object[key])) {
object[key] = [object[key]];
}
object[key].push(value);
});</code>直接发送 FormData
如果您的目标是通过 XMLHttpRequest 提交表单数据，您可以考虑直接发送 FormData 对象，而不将其转换为 JSON。 Fetch API 也支持此方法。
处理复杂对象
请注意，JSON.stringify() 方法在处理复杂对象时可能会遇到限制。在这种情况下，请考虑在对象中定义 toJSON() 方法来指定自定义序列化逻辑。
以上是如何在不序列化的情况下将 HTML5 FormData 转换为 JSON？的详细内容。更多信息请关注PHP中文网其他相关文章！
