我最近學習了Axios庫的GET請求,它可以很容易地幫助我們從Web服務器獲取JSON數據。讓我們來看一個基本的例子:
// 導入axios
import axios from 'axios';
// 發送GET請求并獲取數據
axios.get('https://jsonplaceholder.typicode.com/posts')
.then(response =>{
console.log(response.data);
})
.catch(error =>{
console.error(error);
});
這個例子通過使用Axios庫向JSON Placeholder API發送GET請求來獲取文章的數據。當響應成功返回時,我們通過訪問響應對象的“data”屬性來訪問JSON數據。
{
"userId": 1,
"id": 1,
"title": "sunt aut facere repellat provident occaecati excepturi optio reprehenderit",
"body": "quia et suscipit\nsuscipit ...",
},
{
"userId": 1,
"id": 2,
"title": "qui est esse",
"body": "est rerum tempore vitae\nsequi...",
},
{
"userId": 1,
"id": 3,
"title": "ea molestias quasi exercitationem repellat qui ipsa sit aut",
"body": "et iusto sed quo iure\...",
}, ...
這里我們可以看到,JSON數據以數組形式返回。每個文章都是JSON對象,其屬性包括“userId”,“id”,“title”和“body”。我們可以從響應對象的“data”屬性中提取這些數據并進行操作。
總的來說,使用Axios獲取JSON數據非常簡單。只需要少量代碼即可向Web服務器發送GET請求,并從響應對象中提取JSON數據以進行處理。盡管我們只看到了最基本的例子,但Axios具有許多其他的功能和選項,對于復雜的Web應用程序非常有用。