axios、get、then使用方式
时间: 2023-07-10 21:05:11 浏览: 78
axios是一个基于Promise的HTTP客户端,可以用于浏览器和Node.js平台。它可以帮助我们更方便地发送HTTP请求,并处理响应。
下面是一个使用axios发送GET请求并处理响应的示例:
```javascript
import axios from 'axios';
axios.get('/api/data')
.then(response => {
console.log(response.data);
})
.catch(error => {
console.log(error);
});
```
这里的`/api/data`是请求的URL地址。`axios.get()`函数返回一个Promise对象,它在请求成功后会调用`then()`函数,将响应数据作为参数传递给它。如果请求失败,它会调用`catch()`函数,将错误信息作为参数传递给它。
需要注意的是,axios的请求函数返回的是一个Promise对象,因此可以使用Promise的链式调用来进行多个请求。
例如,我们可以使用`then()`函数来处理第一个请求的响应,然后再使用`axios.get()`来发送第二个请求:
```javascript
axios.get('/api/data1')
.then(response1 => {
console.log(response1.data);
return axios.get('/api/data2');
})
.then(response2 => {
console.log(response2.data);
})
.catch(error => {
console.log(error);
});
```
这里的第二个请求在第一个请求成功后发送,并且第二个请求的响应数据通过第二个`then()`函数来处理。如果任何一个请求失败,都会调用`catch()`函数来处理错误信息。
阅读全文