formdata怎么使用
时间: 2023-08-29 17:08:06 浏览: 45
FormData 是一种用于在 Ajax 请求中传输表单数据的对象,可以用来上传文件或者提交表单数据。
使用方法如下:
1. 创建一个新的 FormData 对象:
```javascript
var formData = new FormData();
```
2. 添加表单数据到对象中:
```javascript
formData.append('username', 'john');
formData.append('password', '12345');
```
3. 添加文件数据到对象中:
```javascript
var fileInput = document.getElementById('fileInput');
formData.append('file', fileInput.files[0]);
```
4. 发送 Ajax 请求:
```javascript
var xhr = new XMLHttpRequest();
xhr.open('POST', 'upload.php');
xhr.onload = function() {
if (xhr.status === 200) {
console.log('Upload successful!');
} else {
console.log('Upload failed!');
}
};
xhr.send(formData);
```
在上述代码中,我们通过 append() 方法向 FormData 对象中添加表单数据和文件数据,然后使用 XMLHttpRequest 对象发送 Ajax 请求,并将 FormData 对象作为参数传递给 send() 方法。
注意:FormData 对象只能用于 Ajax 请求,不能用于常规的表单提交。