使用axios讀取JSON數(shù)據(jù)是一項(xiàng)非常實(shí)用的技能,我們可以通過這樣的方式快速地獲取數(shù)據(jù)并進(jìn)行處理。
首先,在我們的HTML文件中引入axios代碼:
< script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js">
然后,我們可以編寫JavaScript代碼來讀取JSON數(shù)據(jù):
axios.get('example.json')
.then(function (response) {
console.log(response.data);
})
.catch(function (error) {
console.log(error);
});
在這個(gè)例子中,我們使用axios的get方法來獲取一個(gè)名為example.json的JSON文件。一旦數(shù)據(jù)被獲取,我們會使用.then方法來處理響應(yīng),并使用console.log來查看我們獲得的數(shù)據(jù)。如果出現(xiàn)了錯(cuò)誤,我們會在.catch方法中進(jìn)行處理。
最后,我們可以在瀏覽器中打開控制臺來看到我們獲取的數(shù)據(jù)。
上一篇html ppt制作代碼
下一篇mysql變成