2016-05-30 11 views
1

を動作していない、と私はjQueryのを使用しています: $.getJSON("en.json", function(data) { console.log(data.age); });JSONへのアクセスは、私は私のHTMLファイルからJSONファイルにアクセスしようとしている

これがが動作するようには思えません。私はローカルサーバーをホストするためにXamppを使用していますが、私はどこかでJSONがローカルに保存されていないと読んでいます。それはそれに関連する問題かもしれませんか?

ありがとう

HTMLコード:

<html> 
    <head> 
     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"> </script> 
     <script> 
      alert();    
      $.getJSON("en.json", function(data) { 
       console.log(data.age); 
      }); 
     </script> 
    </head> 
    <body> 
     <div class="test"> 
      Hi 
     </div> 
    </body> 
</html> 

JSONファイル:

{ 
    "add-school" : "Add School", 
    "age" : "Age", 
    "age-months" : "Age (in months)", 
    "age-years" : "Age (in years)", 
    "all-classes" : "All Classes", 
    "audio": "Audiometry", 
    "bmi" : "BMI", 
    "bp" : "BP" 
} 
+0

にすべてのエラーをにconsole.log(data.age)の結果を見ることができましたか? – Rayon

+0

いいえ、コンソールにエラーはありません。 – BillyBob

+0

'console.log(data)とは何ですか; – Rayon

答えて

0

すべてがオーケーに見えます。 jsonファイルがhtmlファイルの同じ場所にあることを確認してください。変更されていない場合は、$.getJSON()のパスが機能します。

+0

彼らは同じ場所にありますが、まだ動作していません。 – BillyBob

+0

私は同じコードをテストし、すべてが機能しています。あなたのプロジェクトのツリーを送ってくれますか? – kostova

+0

あなたのhtmlコードがhtmlフォルダにある場合、 'en.json'ファイルをそのフォルダに入れてください。 – kostova

1

コンソールの結果「Age」を表示できました。 Tomact Apache 7.0バージョンをマシン上で実行していて、両方のファイル(.htmlと.json)をwebappsフォルダ内の同じフォルダに保存しました。

Webページを閲覧するために私が使用したURLが

http://localhost:8080/Foldername/Json.html であると私はコンソールにコンソール

+0

なぜこれがうまくいかないのか分かりません!ただ、明確にするために: 1.私はXAMPP 3の 'htdocs'フォルダ内に' 'abc.html'とen.json'ファイルの両方を持ってXAMPP 2を使用しています私は'に移動しますlocalhost/abc.html' 4.「Hi」というメッセージが表示されますが、コンソールは空です – BillyBob

+0

コンソールにエラーが表示されますか? – Webdev

+0

いいえ、エラーはありません。私は '$ .getJSON ... 'の中に' alert() 'を追加しました。警告が表示されないので、関数呼び出しにも入っていないと思います。 – BillyBob

関連する問題