jQuery: JSONファイルの読み込み時に「構文エラーです」が表示される場合
Firefoxを使用していて、$.ajaxでJSONファイルを読み込むときに 「構文エラーです」とコンソールに表示される場合があります。 但し、ちゃんとJSONファイルは読み込めています。
事象を整理すると
- ブラウザはFirefox
- ローカル環境にて$.ajaxでJSONファイルを読み込む
- ブラウザのコンソールに「構文エラーです」と表示される
- JSONファイルは読み込めている
この場合、一応JSONファイルの形式に問題がないかをチェックします。 「JSON 形式」等のキーワードで検索すると形式をチェックしてくれるサイトがありますので、 そちらでチェックしてください。
JSONファイルの形式に問題がない場合は、ローカルサーバーが起動していないのが原因です。 apatch等のローカルサーバーを起動させてください。そうすれば「構文エラーです」は消えてくれます。
Firefoxはエラーが出てもファイルを読み込んでくれるだけ、まだましです。 chromeの場合はファイルを読みこむことなく、エラーが出るだけです。
ローカルサーバーを起動するまでもないような、ちょっとしたテストとして $.ajaxでJSONファイルを読み込む場合は、 Firefoxを使ってエラーが出てもスルーすればいいでしょう。 理想はローカルサーバーを起動して実行することです。