Ajax请求发送的FormData是

一种用于在XMLHttpRequest对象中发送表单数据的编码类型。它可以通过JavaScript中的FormData对象来创建和操作，常用于实现AJAX文件上传等功能。FormData对象可以自动将表单元素的值组装成一个键值对，以便在AJAX请求中进行发送。同时，它还支持使用append()方法向表单中动态添加数据。在使用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 ]

jquery 发送FormData

使用 jQuery 发送 `FormData` 可以通过 `$.ajax()` 方法的 `processData` 和 `contentType` 属性来实现。

`processData` 属性控制是否将数据转换为查询字符串，而 `contentType` 属性则控制发送数据的类型。当 `contentType` 属性设置为 `false` 时，`$.ajax()` 会自动设置正确的 `Content-Type` 头部，而不需要手动设置。

以下是一个使用 jQuery 发送 `FormData` 的示例：

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

$.ajax({
  url: '/api/users',
  method: 'POST',
  data: formData,
  processData: false,
  contentType: false,
  success: function(data) {
    console.log(data);
  },
  error: function(error) {
    console.error(error);
  }
});

在这个例子中，我们创建了一个包含三个键值对的 `FormData` 对象，然后使用 `$.ajax()` 方法将其发送到服务器。我们将 `processData` 属性设置为 `false`，以避免将数据转换为查询字符串，而将 `contentType` 设置为 `false`，以允许 `$.ajax()` 自动设置正确的 `Content-Type` 头部。最后，我们定义了 `success` 和 `error` 回调函数，以处理请求成功和失败的情况。