Jquery $.ajax與$.getJson讀取本地檔案的例子

Echarts代碼：

代碼如下	複製代碼
require('echarts/util/mapData/params').params.continent = { getGeoJson: function(callback) { $.getJSON('./scripts/continent_geo.json', callback); } }

圖示：

 

 

Received an invalid response. Origin 'null' is therefore not allowed access.

改成絕對路徑後是這樣的：

Cross origin requests are only supported for HTTP

Google了一下原因是：

Chrome基於安全考慮，不開放對本地檔案的http請求，為啥IE和Firefox支援就不知道了。

網上有一些解決辦法，但是沒有一個實驗成功的。

給chrome加上啟動參數：

 

代碼如下	複製代碼
--allow-file-access-from-files 或者　 --disable-web-security

給chrome加上啟動參數方法：

Google瀏覽器捷徑，右鍵屬性將目標位置中加上啟動參數

C:\Users\xxx\AppData\Local\Google\Chrome\Application\chrome.exe --disable-web-security

上面2個方法都不成。

最好的辦法就是把檔案夾放在http伺服器進行測試。更好辦法歡迎留言交流。