Google Chrome是一款非常流行的瀏覽器,它有一個很強大的功能——可以本地拿JSON文件。在本地拿JSON文件的過程中,我們需要使用JavaScript來操作。
// 異步獲取JSON數據 function loadJSON(callback) { let xobj = new XMLHttpRequest(); xobj.overrideMimeType("application/json"); xobj.open('GET', 'data.json', true); xobj.onreadystatechange = function () { if (xobj.readyState == 4) { if (xobj.status == "200") { callback(JSON.parse(xobj.responseText)); } else { console.error("JSON文件加載錯誤"); } } }; xobj.send(null); } // 調用函數 loadJSON(function (response) { console.log(response); });
在上面的代碼中,我們定義了一個名為loadJSON的函數,它使用XMLHttpRequest對象異步獲取JSON數據。在獲取到JSON數據之后,我們將其解析為JavaScript對象,并通過回調函數返回。
在調用loadJSON函數時,我們需要傳入一個回調函數。這個回調函數會在loadJSON函數獲取到JSON數據之后自動執行,并將解析后的JavaScript對象作為參數傳入。
通過使用Chrome本地拿JSON文件,我們可以輕松地讀取本地存儲的數據,并在網頁上進行展示或操作。這對于開發Web應用程序非常有幫助。