json 到 formData - Javascript

在前端开发中，当需要通过 AJAX 方式发送数据时，数据格式往往需要从 JSON 转换为 formData 格式。formData 是一种用于将表单字段的值编码为键/值对的数据格式，用于在 AJAX 请求中传输数据。

本文将介绍如何将一个 JSON 对象转换为 formData 格式的数据。

方法一：手动构造 formData 对象

可以手动遍历 JSON 对象的每个属性将其添加到 formData 对象中。以下是一个示例函数，该函数接受一个 JSON 对象并返回一个 formData 对象：

function jsonToFormData(obj) {
  var formData = new FormData();
  for (var key in obj) {
    formData.append(key, obj[key]);
  }
  return formData;
}

这个函数使用了 FormData() 构造函数创建一个新的 formData 对象，然后遍历传入的 JSON 对象中的每个属性，并将其添加到 formData 对象中。

方法二：使用第三方库

也可以使用第三方库来简化这个过程。以下是使用 form-data-encoder 库的示例代码：

import formDataEncoder from 'form-data-encoder';

const obj = { ... }; // JSON 对象
const formData = formDataEncoder(obj);

这里使用了 formDataEncoder() 函数将一个 JSON 对象转换为 formData 对象。

总结

以上就是将一个 JSON 对象转换为 formData 格式的两种方法。可以根据实际情况选择适合自己的方法。

使用第三方库可以更方便地完成这个过程，但需要引入额外的库并增加项目的体积。手动遍历 JSON 对象的方法可以在不增加项目体积的情况下完成转换，但可能需要更多的代码。

在开发过程中，可以根据项目的实际情况选择适合自己的方法。