axios get提交带参数
时间: 2023-07-06 17:34:39 浏览: 195
使用axios进行get请求并带参数的代码示例如下:
```javascript
axios.get('/api/your-api', {
params: {
id: 123,
name: 'John'
}
})
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});
```
其中,`params`是一个对象,包含了需要传递的参数,如上述代码中的`id`和`name`。在发送get请求时,axios会自动将这些参数拼接到请求的URL后面,例如上述代码中请求的URL为`/api/your-api?id=123&name=John`。
注意,如果需要传递数组参数,需要使用`paramsSerializer`自定义序列化函数,例如:
```javascript
const params = {
ids: [1, 2, 3]
};
const paramsSerializer = function (params) {
return qs.stringify(params, {arrayFormat: 'repeat'})
}
axios.get('/api/your-api', {
params: params,
paramsSerializer: paramsSerializer
})
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});
```
在这个例子中,我们使用了`qs`库对数组参数进行序列化,并将序列化函数传递给了`paramsSerializer`。这样,发送的请求URL将会是`/api/your-api?ids=1&ids=2&ids=3`。
阅读全文