axios 中get 方法的具体用法
时间: 2024-02-26 16:57:53 浏览: 114
Axios 是一个非常流行的基于 Promise 的 HTTP 请求库,它可以在浏览器和 Node.js 中使用。下面是 Axios 中 GET 方法的具体用法:
假设我们要从服务器获取一个 JSON 数据,可以使用 Axios 的 GET 方法:
```javascript
axios.get('/api/data')
.then(function (response) {
console.log(response.data);
})
.catch(function (error) {
console.log(error);
});
```
在上面的代码中,`axios.get('/api/data')` 发送了一个 GET 请求到 `/api/data` 这个 URL,并且返回一个 Promise 对象。当请求成功时,`then` 方法会被调用,我们可以在回调函数中获取到服务器返回的数据 `response.data`。如果请求失败,则 `catch` 方法会被调用,我们可以在回调函数中获取到错误信息 `error`。
Axios 还支持传递参数:
```javascript
axios.get('/api/data', {
params: {
id: 12345
}
})
.then(function (response) {
console.log(response.data);
})
.catch(function (error) {
console.log(error);
});
```
在上面的代码中,`params` 对象包含了我们要传递的参数,Axios 会自动将它们拼接到 URL 中。例如,上面的代码会发送一个 GET 请求到 `/api/data?id=12345`。
注意:Axios 的 GET 方法也支持 async/await 语法,例如:
```javascript
async function getData() {
try {
const response = await axios.get('/api/data');
console.log(response.data);
} catch (error) {
console.log(error);
}
}
```