axios是一種流行的JavaScript庫,可以輕松地向后端服務器發送HTTP請求并從服務器端獲得 JSON 數據。在許多 Web 應用程序中,我們需要及時了解 JSON 數據是否更改。那么,使用axios如何獲知JSON的變化呢?
//首先引入axios庫
import axios from 'axios';
//定義獲取JSON數據的函數
const getData = () =>{
return axios.get('/api/data.json');
}
//利用setInterval定時獲取JSON數據
setInterval(() =>{
getData().then(res =>{
const data = JSON.stringify(res.data);//將獲取到的數據轉化為字符串
if (data !== localStorage.getItem('data')) {//判斷獲取到的數據是否和之前數據不同
localStorage.setItem('data', data);//若數據變化,本地存儲數據重新賦值
console.log('JSON 數據已更新!');//打印數據更新提示
}
});
}, 5000);//這里設置 5000 毫秒就是每5秒鐘獲取一次數據,你也可以根據實際需求自定義時間間隔
如上代碼,我們定義了一個獲取 JSON 數據的函數,然后使用setInterval函數每5秒鐘(可以自定義),將獲取到的數據轉化為字符串,判斷是否和之前的數據不同,如果不同,我們將重新存儲數據,并打印出 "JSON 數據已更新!" 提示。這樣,我們就可以實時獲知 JSON 數據的變化情況。