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