利于axios获取参数
时间: 2023-08-29 18:13:44 浏览: 37
在使用axios发送请求时,可以通过params参数或者data参数来传递参数。
1. 使用params参数传递参数:
```javascript
axios.get('/api/user', {
params: {
id: 123
}
}).then(function (response) {
console.log(response);
}).catch(function (error) {
console.log(error);
});
```
2. 使用data参数传递参数:
```javascript
axios.post('/api/user', {
id: 123
}).then(function (response) {
console.log(response);
}).catch(function (error) {
console.log(error);
});
```
在发送POST请求时,使用data参数传递参数。在发送GET请求时,使用params参数传递参数。
相关问题
axios获取页面的参数
axios只是一个用于发送HTTP请求的库,它本身无法获取页面参数。页面参数可以通过以下方式获取:
1. URL参数:可以通过window.location.search获取,返回的是一个以?开头的字符串,包含所有的URL参数。
2. 表单参数:可以通过document.forms获取表单元素,再通过表单元素的name属性获取对应的值。
3. cookie参数:可以通过document.cookie获取,返回的是一个字符串,包含所有的cookie参数。
4. localStorage和sessionStorage参数:可以通过window.localStorage和window.sessionStorage来访问存储在本地的数据。
需要注意的是,获取页面参数的方式依赖于页面结构和参数的具体实现方式,需要具体情况具体分析。
axios获取二维数组参数
可以使用qs库将二维数组转换成查询字符串,然后作为axios请求的参数发送。
可以按照以下步骤实现:
1. 安装qs库:`npm install qs`
2. 导入qs库:`import qs from 'qs'`
3. 将二维数组转换成查询字符串,如下:
```javascript
const data = {
arr: [
[1, 2],
[3, 4]
]
}
const params = qs.stringify(data, { arrayFormat: 'brackets' })
```
这里使用了`qs.stringify()`方法将二维数组转换成查询字符串,`arrayFormat`选项设置为`brackets`表示使用方括号表示数组。
最终得到的查询字符串为:`arr%5B%5D%5B%5D=1&arr%5B%5D%5B%5D=2&arr%5B%5D%5B%5D=3&arr%5B%5D%5B%5D=4`
4. 将查询字符串作为axios请求的参数发送:
```javascript
axios.get('/api/getData', {
params: qs.parse(params)
})
```
这里使用了`qs.parse()`方法将查询字符串解析成对象,作为axios请求的参数。