formdata http
时间: 2023-10-03 18:04:09 浏览: 39
FormData 是一个用于创建表单数据的 JavaScript 对象。我们可以使用它来模拟表单提交,包括文件上传和普通表单数据。
使用方法如下:
```javascript
const formData = new FormData();
formData.append('username', 'John');
formData.append('password', 'Doe');
formData.append('file', fileInput.files[0]);
fetch('/api/login', {
method: 'POST',
body: formData
})
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error(error));
```
在上面的例子中,我们创建了一个 FormData 对象,并通过 append() 方法添加了三个字段:username、password 和 file。其中,fileInput 是一个文件上传控件。
最后,我们使用 fetch() 方法将表单数据提交到后端 API,这里使用了 POST 方法。在请求头中,Content-Type 自动设置为 multipart/form-data,表示提交的是表单数据。服务器收到请求后,就可以解析 FormData 对象,获取表单数据和上传文件。