FormData

前面学习了一下formData.append，今天顺带把formData学一下

formData是一个用于创建表单数据的JavaScript对象。它可以用于发送HTTP请求，特别是用于向服务器提交表单数据。

formData对象提供了一些方法来添加和处理表单数据。以下是一些常用的方法：

1. append(name, value, filename)：向formData对象中添加一个新的键值对。name是字段的名称，value是字段的值，filename是可选的，用于指定文件的名称。

2. delete(name)：从formData对象中删除指定名称的键值对。

3. get(name)：获取指定名称的值。

4. getAll(name)：获取指定名称的所有值，返回一个数组。

5. has(name)：检查formData对象中是否存在指定名称的键值对。

6. set(name, value, filename)：设置指定名称的值。如果该名称已存在，则会覆盖原有的值。

7. entries()：返回一个迭代器，用于遍历formData对象中的所有键值对。

8. forEach(callback)：遍历formData对象中的所有键值对，并对每个键值对执行指定的回调函数。

formData对象可以用于发送POST请求，将表单数据发送到服务器。可以使用XMLHttpRequest或fetch API来发送请求。以下是一个使用XMLHttpRequest发送POST请求的示例：
 

```javascript
var formData = new FormData();
formData.append('username', 'john');
formData.append('password', 'secret');

var xhr = new XMLHttpRequest();
xhr.open('POST', '/login', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
console.log(xhr.responseText);
}
};
xhr.send(formData);
```

在上面的示例中，我们创建了一个formData对象，并向其添加了两个键值对：username和password。然后，我们使用XMLHttpRequest对象发送了一个POST请求，将formData对象作为请求体发送到服务器的/login路径。在请求完成后，我们可以通过xhr.responseText获取服务器的响应数据。

总结起来，formData是一个用于创建和处理表单数据的JavaScript对象，它提供了一些方法来添加、删除、获取和遍历表单数据。它可以用于发送POST请求，将表单数据发送到服务器。