HBuilder是一款非常好用的前端開發工具,在開發過程中我們通常會用到json數據。然而,有時候我們會遇到讀取不了本地json文件的問題,今天就讓我們來看看這個問題的解決方法。
代碼片段: //使用Ajax讀取本地json文件代碼 var request = new XMLHttpRequest(); request.open("get", "example.json", false); request.send(null); if (request.status == 200) { var myJson = JSON.parse(request.responseText); }
問題出在我們獲取路徑上,如果我們將json文件和html文件放在同一個目錄下,那么獲取路徑應該是這樣的:
代碼片段: var request = new XMLHttpRequest(); request.open("get", "example.json", false); request.send(null); if (request.status == 200) { var myJson = JSON.parse(request.responseText); }
如果在不同的目錄下,我們應該如何獲取呢?比如json文件在根目錄下,那么我們獲取路徑應該是這樣的:
代碼片段: var request = new XMLHttpRequest(); request.open("get", "/example.json", false); request.send(null); if (request.status == 200) { var myJson = JSON.parse(request.responseText); }
以上就是關于HBuilder讀取不了本地json的解決方法,希望對大家有所幫助。