formdata格式传递参数
时间: 2023-10-02 13:06:20 浏览: 96
multipartform-data 参数传递
3星 · 编辑精心推荐
FormData是一种JavaScript对象,用于在Web应用程序中发送表单数据。它的主要作用是将表单元素的值编码为键/值对,以便使用XMLHttpRequest来发送数据。
以下是一些使用FormData格式传递参数的示例:
1. 上传文件
```javascript
var formData = new FormData();
formData.append('file', fileInput.files[0]);
// 发送请求
var xhr = new XMLHttpRequest();
xhr.open('POST', '/upload');
xhr.send(formData);
```
2. 发送表单数据
```javascript
var formData = new FormData();
formData.append('username', 'john');
formData.append('password', '123456');
// 发送请求
var xhr = new XMLHttpRequest();
xhr.open('POST', '/login');
xhr.send(formData);
```
3. 发送JSON数据
```javascript
var formData = new FormData();
formData.append('data', JSON.stringify({name: 'john', age: 30}));
// 发送请求
var xhr = new XMLHttpRequest();
xhr.open('POST', '/save');
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.send(formData);
```
需要注意的是,使用FormData格式传递参数时,需要设置正确的Content-Type头部。如果不设置,服务器可能无法正确解析请求。
阅读全文