axios的用法和例子
时间: 2023-11-01 12:04:03 浏览: 32
axios是一款基于Promise的HTTP客户端,可以用于浏览器和Node.js。在浏览器中,它可以发送XMLHttpRequests请求;在Node.js中,它可以发送HTTP请求。
以下是axios的用法和例子:
1. 安装axios
在命令行中运行以下命令安装axios:
```
npm install axios
```
2. 发送GET请求
使用axios发送GET请求的方法如下:
```javascript
axios.get(url[, config])
.then(function(response) {
// 处理响应数据
})
.catch(function(error) {
// 处理错误
});
```
其中,url是请求的URL地址,config是请求配置对象,可以设置请求头、超时时间等参数。
例如,发送一个GET请求获取一个JSON格式的数据:
```javascript
axios.get('/api/user')
.then(function(response) {
console.log(response.data);
})
.catch(function(error) {
console.log(error);
});
```
3. 发送POST请求
使用axios发送POST请求的方法如下:
```javascript
axios.post(url[, data[, config]])
.then(function(response) {
// 处理响应数据
})
.catch(function(error) {
// 处理错误
});
```
其中,url是请求的URL地址,data是请求数据,可以是JSON格式、FormData等类型,config是请求配置对象,可以设置请求头、超时时间等参数。
例如,发送一个POST请求提交一个JSON格式的数据:
```javascript
axios.post('/api/user', {
name: '张三',
age: 18
})
.then(function(response) {
console.log(response.data);
})
.catch(function(error) {
console.log(error);
});
```
4. 设置请求配置
使用axios设置请求配置的方法如下:
```javascript
axios({
method: 'get',
url: '/api/user',
params: {
name: '张三',
age: 18
},
headers: {
'Content-Type': 'application/json'
}
})
.then(function(response) {
console.log(response.data);
})
.catch(function(error) {
console.log(error);
});
```
其中,method是请求方法,url是请求的URL地址,params是请求参数,headers是请求头。
5. 并行请求
使用axios并行发送多个请求的方法如下:
```javascript
axios.all([axios.get('/api/user'), axios.get('/api/book')])
.then(axios.spread(function(userResponse, bookResponse) {
console.log(userResponse.data);
console.log(bookResponse.data);
}))
.catch(function(error) {
console.log(error);
});
```
其中,axios.all()方法接收一个数组,数组中每个元素都是一个axios请求。使用axios.spread()方法将响应数据分别传递给回调函数。
以上就是axios的用法和例子,可以根据实际需求进行调用。