axios post请求公共参数 json和表单
时间: 2023-09-09 12:02:25 浏览: 129
axios发送post请求,提交图片类型表单数据方法
axios是一个基于Promise的HTTP客户端,用于发送HTTP请求。可以在Node.js和浏览器中使用。
对于axios的POST请求,可以使用不同的数据格式,包括JSON和表单。
当使用JSON格式时,可以将数据作为JavaScript对象传递,并设置请求头中的Content-Type为application/json。示例如下:
```javascript
import axios from 'axios';
const data = {
name: '张三',
age: 20
};
axios.post('/api', data, {
headers: {
'Content-Type': 'application/json'
}
})
.then(response => {
console.log(response.data);
})
.catch(error => {
console.error(error);
});
```
当使用表单格式时,可以将数据作为URL编码的字符串传递,并设置请求头中的Content-Type为application/x-www-form-urlencoded。示例如下:
```javascript
import axios from 'axios';
import qs from 'qs';
const data = {
name: '张三',
age: 20
};
axios.post('/api', qs.stringify(data), {
headers: {
'Content-Type': 'application/x-www-form-urlencoded'
}
})
.then(response => {
console.log(response.data);
})
.catch(error => {
console.error(error);
});
```
其中,qs是一个用于解析和序列化URL查询字符串的库。
以上是使用axios发送POST请求时,使用JSON和表单两种数据格式的示例。根据不同的需求,可以选择适合的数据格式来传递参数。
阅读全文