axios是一個(gè)基于promise的HTTP庫(kù),用來發(fā)送ajax請(qǐng)求。在前端開發(fā)中,經(jīng)常需要從后臺(tái)接口獲取JSON數(shù)組數(shù)據(jù),那么我們可以使用axios來實(shí)現(xiàn)這一過程。
axios.get('/api/data') .then(function (response) { console.log(response.data); }) .catch(function (error) { console.log(error); });
如上所示,我們可以使用axios的get方法來請(qǐng)求數(shù)據(jù),然后在成功的回調(diào)函數(shù)中使用response.data來獲取JSON數(shù)組數(shù)據(jù)。如果請(qǐng)求失敗,可以在catch函數(shù)中處理錯(cuò)誤。
需要注意的是,如果你的接口返回的數(shù)據(jù)格式為非JSON數(shù)組的格式,那么需要在配置中設(shè)置responseType為json。示例如下:
axios.get('/api/data', { responseType: 'json' }) .then(function (response) { console.log(response.data); }) .catch(function (error) { console.log(error); });
上述示例中我們可以看到,我們可以在axios的請(qǐng)求配置中設(shè)置responseType為json,那么當(dāng)我們從接口中獲取數(shù)據(jù)的時(shí)候,就直接可以使用response.data來獲取JSON格式的數(shù)據(jù)。
總之,通過axios獲取JSON數(shù)組數(shù)據(jù)非常簡(jiǎn)單,我們只需要使用axios.get方法來請(qǐng)求數(shù)據(jù),然后在回調(diào)函數(shù)中使用response.data即可。如果接口返回的不是JSON數(shù)組數(shù)據(jù),那么需要在配置中設(shè)置responseType為json。