axios是一個基于promise的HTTP庫,用來發送ajax請求。在前端開發中,經常需要從后臺接口獲取JSON數組數據,那么我們可以使用axios來實現這一過程。
axios.get('/api/data') .then(function (response) { console.log(response.data); }) .catch(function (error) { console.log(error); });
如上所示,我們可以使用axios的get方法來請求數據,然后在成功的回調函數中使用response.data來獲取JSON數組數據。如果請求失敗,可以在catch函數中處理錯誤。
需要注意的是,如果你的接口返回的數據格式為非JSON數組的格式,那么需要在配置中設置responseType為json。示例如下:
axios.get('/api/data', { responseType: 'json' }) .then(function (response) { console.log(response.data); }) .catch(function (error) { console.log(error); });
上述示例中我們可以看到,我們可以在axios的請求配置中設置responseType為json,那么當我們從接口中獲取數據的時候,就直接可以使用response.data來獲取JSON格式的數據。
總之,通過axios獲取JSON數組數據非常簡單,我們只需要使用axios.get方法來請求數據,然后在回調函數中使用response.data即可。如果接口返回的不是JSON數組數據,那么需要在配置中設置responseType為json。
上一篇harsh表vue
下一篇axure json