axios post传表单数据
时间: 2023-08-14 20:11:09 浏览: 47
axios.post方法可以用于向服务器发送POST请求,并传递表单数据。要传递表单数据,你可以使用URLSearchParams对象或FormData对象来构建请求体。
使用URLSearchParams对象:
```javascript
import axios from 'axios';
const formData = new URLSearchParams();
formData.append('username', 'John');
formData.append('password', '123456');
axios.post('/api/login', formData)
.then(response => {
console.log(response.data);
})
.catch(error => {
console.error(error);
});
```
使用FormData对象:
```javascript
import axios from 'axios';
const formData = new FormData();
formData.append('username', 'John');
formData.append('password', '123456');
axios.post('/api/login', formData)
.then(response => {
console.log(response.data);
})
.catch(error => {
console.error(error);
});
```
这两种方式都可以将表单数据作为请求体发送给服务器。根据服务器的要求,选择适合的方式进行数据传递。