JQuery.getJSON（）讀取本地文件

Question

如何使用JQuery.getJSON（）讀取當前目錄中的文件？

我正在嘗試一些簡單的事情（將我的data.json文件放在與我的html文件相同的目錄中）：

$.getJSON("./data.json")

我收到錯誤：

XMLHttpRequest無法加載file：/// C：/Projects/test/data.json。 Access-Control-Allow-Origin不允許使用null。

我嘗試了各種路徑組合，但它似乎不起作用......

編輯：我正在使用Chrome，但我想在所有瀏覽器中工作......

Answer 1

如果您使用的是谷歌瀏覽器，則有意將file:///路徑上的AJAX永遠無效。

crbug / 40787

Answer 2

這是因為您直接從硬盤驅動器運行Web文件。 這有各種各樣的陷阱，其中一個是你找到的。 理想情況下，您希望在服務器環境中工作，甚至在本地工作。 您可以安裝（免費）本地LAMP服務器，如XAMPP 。 然后，您將能夠使用本地AJAX。

Answer 3

這不是關於道路的

這是一個跨域問題

基本上你需要在你的URL中添加一個回調，以便jQuery可以自動將請求類型從json更改為jsonp

有關詳細信息 ，請參閱此帖

Answer 4

安裝本地LAMP服務器的另一種方法是使用python的簡單HTTP服務器。 只要你安裝了python，只需打開bash並使用python解釋器。

對於python 2使用：

python -m SimpleHTTPServer 8000

對於python 3使用：

python -m http.server 8000

然后只需將瀏覽器指向localhost：8000即可訪問該文件，如果它位於同一目錄中，則不會有任何問題。