axios 带参数post
时间: 2023-12-11 14:33:20 浏览: 84
当使用axios发送POST请求时,可以通过data属性来传递参数。以下是一个示例代码:
```javascript
axios.post('/api/endpoint', {
param1: 'value1',
param2: 'value2'
})
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});
```
在上面的代码中,我们向`/api/endpoint`发送了一个POST请求,并通过`data`属性传递了两个参数`param1`和`param2`。在成功或失败时,我们分别打印了响应和错误信息。
需要注意的是,当使用FormData对象来传递参数时,需要将`Content-Type`设置为`multipart/form-data`。以下是一个使用FormData对象的示例代码:
```javascript
var formData = new FormData();
formData.append('param1', 'value1');
formData.append('param2', 'value2');
axios.post('/api/endpoint', formData, {
headers: {
'Content-Type': 'multipart/form-data'
}
})
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});
```
在上面的代码中,我们创建了一个FormData对象,并向其中添加了两个参数`param1`和`param2`。然后,我们通过`axios.post`方法将FormData对象作为参数传递,并在请求头中设置了`Content-Type`为`multipart/form-data`。
阅读全文