在Web開發(fā)中,我們經(jīng)常需要讀取數(shù)據(jù)。而通常情況下,我們采用JSON格式來存儲(chǔ)數(shù)據(jù)。
{ "name": "小明", "age": 18, "gender": "男" }
然而,我們又該如何讀取這些JSON格式的數(shù)據(jù)呢?這時(shí),就需要使用data.json來解決這個(gè)問題了。
fetch('data.json') .then(response =>response.json()) .then(data =>console.log(data));
使用fetch函數(shù),我們可以獲取data.json文件,然后將其轉(zhuǎn)換成對(duì)象格式,最終打印出來。
{ "name": "小明", "age": 18, "gender": "男" }
如此簡(jiǎn)單,我們就可以使用data.json來讀取數(shù)據(jù)了。除此之外,我們還可以使用jQuery的getJSON函數(shù)進(jìn)行讀?。?/p>
$.getJSON('data.json', function(data) { console.log(data); });
這與使用fetch讀取的結(jié)果是一致的。無論使用哪種方式,我們都可以輕松地讀取JSON格式的數(shù)據(jù),在Web開發(fā)中得心應(yīng)手。
上一篇vue2 flexbox
下一篇datax json格式