在前端開發中,我們經常需要去后端請求數據。而請求數據最常用的方式就是使用Ajax。而Axios是一個基于Promise的HTTP客戶端,可以用于將數據從服務器加在到前端。Axios可以用來請求各種數據格式,包括json格式數據。
axios.get('/user?id=12345') .then(function(response) { console.log(response.data); }) .catch(function(error) { console.log(error); });
上面是使用Axios請求json格式數據的簡單示例。首先調用了Axios的get方法,參數是一個url字符串。這個url是請求的地址,我們可以像上面一樣傳遞參數。然后調用了then和catch方法。前者是請求成功后的處理函數,后者是請求失敗后的處理函數。其中,response參數是請求成功后的返回值,包含了服務器返回的數據。
請求json數據后,我們可以像訪問普通JavaScript對象一樣,通過點號訪問數據的屬性,也可以通過數組索引訪問。
axios.get('/user?id=12345') .then(function(response) { console.log(response.data.name); console.log(response.data['age']); }) .catch(function(error) { console.log(error); });
使用Axios請求json格式數據相對來說比較簡單。只需要傳遞對應的url即可,如果請求成功,Axios會自動將數據解析為JavaScript對象。因此,我們可以像普通的JavaScript對象一樣操作它們,非常便利。