axios和JSON是web開發中經常用到的兩個工具,它們的組合也非常常見,下面我們來說一下如何使用axios,通過.then將獲取到的數據轉換成JSON格式。
axios.get('/api/data') .then(function (response) { console.log(response.data); // 這里已經是一個JSON格式的數據 }) .catch(function (error) { console.log(error); });
以上代碼中,我們使用axios發送一個get請求,在請求成功后的回調函數中,我們通過.then將獲取到的response數據轉換成了JSON格式,然后打印出來。如果請求失敗,則會執行.catch函數。
需要注意的是,如果獲取到的數據不是JSON格式的,會導致轉換失敗,可以使用try...catch語句來捕獲轉換異常:
axios.get('/api/data') .then(function (response) { try { var data = JSON.parse(response.data); console.log(data); } catch (e) { console.log(e); } }) .catch(function (error) { console.log(error); });
以上代碼中,我們使用JSON.parse嘗試將獲取到的數據轉換成JSON格式,如果轉換成功,則打印出來,如果失敗,則將錯誤信息打印出來。
總之,使用axios獲取數據并將其轉換成JSON格式非常簡單,只需要在.then中使用JSON.parse即可。需要注意的是,如果請求返回的不是JSON格式的數據,則必須使用try...catch語句來捕獲轉換異常。
上一篇鼠標點擊css添加樣式
下一篇css3首頁動畫