js中 new FormData()
时间: 2024-01-19 15:54:34 浏览: 73
`new FormData()`是JavaScript中的一个构造函数,用于创建一个FormData对象。FormData对象用于将表单数据以键值对的形式进行序列化,以便通过AJAX请求或者表单提交的形式发送到服务器。
通过`new FormData()`创建的FormData对象可以通过以下几个方法添加键值对:
1. `append(name, value)`:添加一个键值对到FormData对象中。name为键,value为值。
2. `delete(name)`:删除指定键的键值对。
3. `get(name)`:获取指定键的值。
4. `getAll(name)`:获取指定键的所有值。
5. `has(name)`:判断是否存在指定键的键值对。
6. `set(name, value)`:设置指定键的值,如果已存在则更新。
示例代码如下:
```javascript
var formData = new FormData();
formData.append('username', 'John');
formData.append('email', 'john@example.com');
// 发送FormData对象到服务器
fetch('/api/submit', {
method: 'POST',
body: formData
});
```
上述代码创建了一个FormData对象,并通过`append()`方法添加了两个键值对。然后使用fetch API发送了一个POST请求,请求体为FormData对象。
注意:使用FormData对象时,如果表单中包含文件上传的输入框,则会自动将文件内容添加到请求体中。
阅读全文