做前端開發(fā)的朋友都會使用axios這個庫來發(fā)送請求獲取后端返回的數(shù)據(jù)。在很多情況下,后端返回的數(shù)據(jù)會是json格式的。那么,在axios中如何解析json呢?
// 示例,獲取后端返回的json數(shù)據(jù) axios.get('/api/data') .then(response =>{ console.log(response.data); // 打印后端返回的json數(shù)據(jù) }) .catch(error =>{ console.error(error); });
通過上面的代碼,我們可以拿到后端返回的json數(shù)據(jù),那么我們需要對這個數(shù)據(jù)進行解析,才可以在前端展示出來。
// 解析json數(shù)據(jù) axios.get('/api/data') .then(response =>{ const data = JSON.parse(response.data); // 解析后端返回的json數(shù)據(jù) console.log(data); // 打印解析后的json數(shù)據(jù) }) .catch(error =>{ console.error(error); });
通過上面的代碼,我們可以看到在.then回調(diào)函數(shù)中,使用JSON.parse方法對后端返回的json數(shù)據(jù)進行了解析。解析完成后,我們可以拿到一個普通的JavaScript對象,方便我們對數(shù)據(jù)進行操作。
總而言之,使用axios發(fā)送請求獲取后端返回的json數(shù)據(jù),在前端展示前需要對數(shù)據(jù)進行解析。通過JSON.parse方法解析后的數(shù)據(jù)是一個普通的JavaScript對象,方便我們操作。希望這篇文章可以幫助到大家。