FormData类型数据

FormData是一个表单数据类，可以用于将表单数据和文件作为键值对一起提交到服务器。

FormData对象提供了一些方法来添加表单数据和文件，这些方法包括：

- append(name, value)：向表单中添加一个普通字段，name是字段名，value是字段值。
- append(name, Blob, filename)：向表单中添加一个文件字段，name是字段名，Blob是一个Blob对象，filename是文件名。
- delete(name)：从表单中删除一个字段。
- get(name)：获取表单中指定字段的值。
- getAll(name)：获取表单中指定字段的所有值。
- has(name)：判断表单中是否包含指定字段。
- set(name, value)：设置表单中指定字段的值。

使用FormData对象可以方便地上传文件和表单数据，适用于一些需要上传文件的场景，比如图片上传、文件上传等。同时，FormData对象也可以用于将表单数据和普通数据一起提交到服务器。

相关问题

ajax发送请求携带formData类型的数据是在请求体中的吗

是的，当使用Ajax发送请求携带formData类型的数据时，这些数据会包含在请求体中。FormData对象会将表单中的数据转化为键值对的形式，并将其作为请求体的一部分发送给服务器。这样服务器就可以通过解析请求体来获取这些数据。\[1\]\[2\]\[3\]
#### 引用[.reference_title]
- *1* [如何在Ajax中使用FormData对象传递数据，JQuery中的$.ajax()方法怎么使用](https://blog.csdn.net/m0_59464010/article/details/123604941)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* *3* [AJAX网络请求 —— 简单的发送一个FormData表单数据（二）](https://blog.csdn.net/m0_52409770/article/details/123539366)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]

FormData请求内容类型设置

当你使用 JavaScript 中的 FormData 对象发送 POST 请求时，需要设置请求头中的 Content-Type 为 'multipart/form-data'。这是因为 FormData 对象的数据格式是多部分表单数据，其中包含了文件等二进制数据，需要使用 multipart/form-data 这种格式来传输数据。

以下是一个示例代码：

const formData = new FormData();
formData.append('username', 'example');
formData.append('avatar', fileInput.files[0]);

fetch('/api/user', {
  method: 'POST',
  body: formData,
  headers: {
    'Content-Type': 'multipart/form-data'
  }
}).then(response => {
  console.log(response);
});

在这个例子中，我们创建了一个 FormData 对象，向其中添加了一个用户名和一个文件。然后使用 fetch() 函数发送了 POST 请求，并在请求头中设置了 Content-Type 为 multipart/form-data。