JQuery.getJSON（）がローカルファイルを読み込む - javascript、jquery、json、local-files

JQuery.getJSON（）を使って現在のディレクトリのファイルをどのように読みますか

私は（私のhtmlファイルと同じディレクトリにある私のdata.jsonファイルを使って）簡単なことを試みている。

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

私はエラーが発生します：

XMLHttpRequestはfile：/// C：/Projects/test/data.jsonをロードできません。 Origin nullはAccess-Control-Allow-Originでは許可されていません。

私は「パスのあらゆる種類の組み合わせを試してみましたが、うまくいかないようです…」

編集：私は "Chromeを使用していますが、私はすべてのブラウザで動作したいのですが...

回答：

回答№1については9

Google Chromeを使用している場合は、AJAXをオンにしてください。 file:/// パスは機能しません。

crbug / 40787

---

回答№2については2

これは、Webファイルを実行しているからですハードドライブから直接。これにはさまざまな落とし穴がありますが、そのうちの1つを見つけました。理想的には、ローカルでもサーバー環境で作業したいです。以下のような（無料の）ローカルLAMPサーバーをインストールすることができます。 XAMPP。そうすれば、ローカルのAJAXを使用できるようになります。

---

回答№3の場合は1

パスではない

それはクロスドメイン問題です

基本的にあなたのURLにコールバックを追加する必要があるので、jQueryはリクエストタイプをjsonからjsonpに自動的に変更することができます。

これを見てください 役職 詳しくは

---

回答№4の場合は0

ローカルのLAMPサーバをインストールする代わりに、Pythonの単純なHTTPサーバを使用することもできます。Pythonをインストールしている限り、bashを開いてpythonインタプリタを使用するだけです。

python 2を使うには

python -m SimpleHTTPServer 8000

Python 3を使うには：

python -m http.server 8000

その後、ブラウザでlocalhost：8000を指定するだけで、ファイルが同じディレクトリにある場合でもファイルへのアクセスに問題がなくなります。

---