axios中 data和params
时间: 2024-09-14 14:09:35 浏览: 44
axios是一个基于Promise的HTTP客户端,用于浏览器和node.js中发起HTTP请求。在axios中,发起请求时经常会用到两个参数:`data`和`params`。
1. `data`参数:主要用于POST请求中,表示发送的数据体。当你希望向服务器发送数据时,如提交表单数据,可以将数据作为对象或字符串格式化后传递给`data`参数。在请求体中会包含这些数据,并且通常是通过"Content-Type: application/json"或其他适合的格式发送。
2. `params`参数:主要用于GET请求中,表示URL查询参数。当你需要添加查询字符串到URL时,可以将参数对象传递给`params`参数。axios会将该对象转换成URL查询参数的格式,并拼接到URL的后面。
使用示例:
```javascript
// 发起POST请求,传递data参数
axios.post('/user', {
firstName: 'Fred',
lastName: 'Flintstone'
})
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});
// 发起GET请求,传递params参数
axios.get('/user?search=abc&limit=10', {
params: {
search: 'abc',
limit: 10
}
})
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});
```
在这个示例中,第一个请求会发起一个POST请求到`/user`,携带数据体`{firstName: 'Fred', lastName: 'Flintstone'}`。第二个请求会发起一个GET请求到`/user`,并附加查询参数`?search=abc&limit=10`。
阅读全文