FormData（）

FormData()是一个JavaScript内置对象，用于创建表单数据对象。它通常与XMLHttpRequest或Fetch API一起使用，以便将表单数据通过HTTP请求发送到服务器。

FormData()可以通过以下两种方式创建：

1. 使用HTML表元素：可以直接将表单元素传递给FormData构造函数，它会自动将表单中的所有输入字段的名称和值添加到FormData对象中。

var formElement = document.querySelector('form');
var formData = new FormData(formElement);

2. 手动添加键值对：可以使用append()方法手动添加键值对到FormData对象中。

var formData = new FormData();
formData.append('username', 'John');
formData.append('email', 'john@example.com');```

一旦FormData对象被创建，可以使用它的方法来操作和获取表单数据。常用的方法包括：append()、delete()、get()、getAll()、has()等。

示例代码中的FormData对象可以在发送HTTP请求时用作请求体(body)的内容，以便将表单数据发送到服务器。

相关问题

formdata参数

FormData 是一个 JavaScript 对象，用于创建表单数据。它通过 XMLHttpRequest 发送到服务器。FormData 对象可以包含键值对，每个键值对对应一个表单控件，如 input 或 textarea 等。使用 FormData 对象可以轻松地发送包含文件上传的表单数据。

在使用 FormData 对象时，需要通过 append() 方法来添加表单控件的键值对。例如：

var formData = new FormData();
formData.append("username", "John");
formData.append("password", "Doe");

其中，"username" 和 "password" 分别是表单控件的 name 属性值，"John" 和 "Doe" 分别是对应的值。如果要发送文件，可以使用 append() 方法的第二个参数，它可以是一个 File 对象或 Blob 对象。例如：

var formData = new FormData();
formData.append("avatar", fileInput.files[0]);

其中，"avatar" 是文件上传控件的 name 属性值，fileInput 是一个 input[type="file"] 元素。注意，如果要发送多个文件，可以使用 append() 方法多次添加相同的键名，或者使用 append() 方法的第一个参数传递数组。例如：

var formData = new FormData();
formData.append("file", fileInput1.files[0]);
formData.append("file", fileInput2.files[0]);
// 或者
formData.append("file", [fileInput1.files[0], fileInput2.files[0]]);

FormData 对象还可以使用 set() 方法来设置键值对，使用 delete() 方法来删除键值对，使用 getAll() 方法来获取指定键的所有值，使用 has() 方法来检查指定键是否存在。例如：

formData.set("username", "Jane");
formData.delete("password");
var values = formData.getAll("file");
var hasUsername = formData.has("username");

formdata格式

FormData 是一种用于创建以键值对形式存储数据的对象，常用于通过 AJAX 提交表单数据。下面是 FormData 的基本使用方法：

1. 创建一个新的 FormData 对象：

let formData = new FormData();

2. 向 FormData 对象中添加数据：

formData.append('key1', 'value1');
formData.append('key2', 'value2');

3. 可以通过 get 方法获取指定键的值：

let value = formData.get('key1');

4. 可以通过 set 方法更新指定键的值：

formData.set('key1', 'new value');

5. 可以通过 delete 方法删除指定键的值：

formData.delete('key1');

6. 可以通过 has 方法检查指定键是否存在：

let hasKey = formData.has('key1');

7. 可以使用 forEach 方法遍历 FormData 对象中的所有键值对：

formData.forEach(function(value, key) {
  console.log(key + ': ' + value);
});

8. 可以将 FormData 对象作为参数传递给 AJAX 请求，例如使用 Fetch API：

fetch(url, {
  method: 'POST',
  body: formData
}).then(response => {
  // 处理响应
}).catch(error => {
  // 处理错误
});

以上是 FormData 的基本用法，你可以根据具体需求进行进一步的操作。注意，在浏览器环境下，FormData 对象可以自动将文件数据进行编码并与其他字段一起发送。