FormData 的使用 直接添加一个对象

至 formData 中，可以使用 append 方法，例如：

const formData = new FormData();
formData.append('name', 'John');
formData.append('email', 'john@example.com');

这样就向 formData 中添加了两个键值对，分别是 name 对应的值为 'John'，和 email 对应的值为 'john@example.com'。

相关问题

js在formData中添加一个数组，每次执行一个接口往这个数组中push一笔数据

在JavaScript中，你可以使用`FormData`对象来处理表单数据，特别是那些需要发送到服务器的键值对。如果你想往一个数组里添加数据并随着每次操作推送新元素到这个数组，你需要创建一个数组，并将其作为`FormData`的一个字段来设置。

下面是一个简单的示例：

let myArray = []; // 创建一个空数组

function sendDataToArray(formData) {
  const dataToPush = {key: 'value', // 这里的键是你想要在服务器上识别的数据，比如id
                     anotherKey: 'anotherValue'};
  
  myArray.push(dataToPush); // 将新的数据项添加到数组中

  // 现在将数组作为对象的一部分添加到formData中
  formData.append('arrayField', JSON.stringify(myArray)); // 注意这里使用JSON.stringify转换成字符串，因为formData不能直接接受数组

  // 发送请求到服务器
  fetch('your-api-url', {
    method: 'POST',
    body: formData
  })
  .then(response => response.json())
  .catch(error => console.error('Error:', error));
}

// 每次你想添加新数据到数组并在接口中使用，就调用sendDataToArray函数
sendDataToArray(new FormData());

前端对象转formdata

前端对象转换为 FormData 可以通过以下步骤实现：

1. 创建一个新的 FormData 对象：`var formData = new FormData();`

2. 遍历对象的属性，将属性和对应的值添加到 FormData 中。可以使用 `for...in` 循环或者 `Object.entries()` 方法来遍历对象的属性。

例如，假设有一个包含属性和值的对象 `data`：

   var data = {
     name: 'John',
     age: 30,
     email: 'john@example.com'
   };

使用 `for...in` 循环来遍历对象并将属性和值添加到 FormData：

   for (var key in data) {
     if (data.hasOwnProperty(key)) {
       formData.append(key, data[key]);
     }
   }

或者，使用 `Object.entries()` 方法来遍历对象并将属性和值添加到 FormData：

   Object.entries(data).forEach(([key, value]) => {
     formData.append(key, value);
   });

3. 现在，`formData` 对象已经包含了转换后的数据，可以将其用于发送到服务器或者其他需要 FormData 格式的地方。

请注意，FormData 对象只能通过 AJAX 方法（如 XMLHttpRequest）进行发送，不能直接作为 JSON 数据进行传输。

希望这个回答能够帮助你！如有任何疑问，请随时提问。