JSONファイルの読み込み時に「構文エラーです」が表示される場合

最終更新日:

Firefoxを使用していて、$.ajaxでJSONファイルを読み込むときに 「構文エラーです」とコンソールに表示される場合があります。 但し、ちゃんとJSONファイルは読み込めています。

事象を整理すると

  • ブラウザはFirefox
  • ローカル環境にて$.ajaxでJSONファイルを読み込む
  • ブラウザのコンソールに「構文エラーです」と表示される
  • JSONファイルは読み込めている

この場合、一応JSONファイルの形式に問題がないかをチェックします。 「JSON 形式」等のキーワードで検索すると形式をチェックしてくれるサイトがありますので、 そちらでチェックしてください。

JSONファイルの形式に問題がない場合は、ローカルサーバーが起動していないのが原因です。 apatch等のローカルサーバーを起動させてください。そうすれば「構文エラーです」は消えてくれます。

Firefoxはエラーが出てもファイルを読み込んでくれるだけ、まだましです。 chromeの場合はファイルを読みこむことなく、エラーが出るだけです。

ローカルサーバーを起動するまでもないような、ちょっとしたテストとして $.ajaxでJSONファイルを読み込む場合は、 Firefoxを使ってエラーが出てもスルーすればいいでしょう。 理想はローカルサーバーを起動して実行することです。