axios是一個(gè)非常流行的基于Promise的HTTP客戶端,它可用于在瀏覽器和Node.js中發(fā)送AJAX請(qǐng)求和HTTP請(qǐng)求。本文將教你如何使用axios請(qǐng)求本地JSON文件。
首先,我們需要在項(xiàng)目中使用axios。你可以使用npm或者CDN來(lái)獲取axios:
npm install axios
// or CDN
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
接下來(lái),在你的JavaScript文件里面,使用axios.get()方法來(lái)獲取JSON數(shù)據(jù)。例如,我們要獲取一個(gè)名為"data.json"的JSON文件:
axios.get('data.json')
.then(function(response) {
console.log(response.data);
})
.catch(function(error) {
console.log(error);
});
請(qǐng)注意,當(dāng)我們獲取數(shù)據(jù)后會(huì)在控制臺(tái)上顯示JSON數(shù)據(jù)。我們必須使用response.data來(lái)訪問(wèn)實(shí)際數(shù)據(jù)。
最后,我們需要在HTML文件中引入JavaScript文件:
<script src="path/to/javascript/file"></script>
如果你的數(shù)據(jù)請(qǐng)求成功,可以在控制臺(tái)上查看結(jié)果!