2016-05-30 90 views
1

我想从我的HTML文件访问JSON文件,我使用jQuery: $.getJSON("en.json", function(data) { console.log(data.age); });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

我能够在控制台中查看结果“年龄”。我在我的机器上运行Tomact Apache 7.0版本,并将这两个文件(.html和.json)保存在webapps文件夹内的同一文件夹中。

要查看的网页我用的网址是

http://localhost:8080/Foldername/Json.html ,我可以在控制台

+0

我不明白为什么这不起作用!只是要清楚: 1.我使用的XAMPP 2.我有'abc.html'和XAMPP的'htdocs'文件夹内的'en.json'文件都 3.我浏览到' localhost/abc.html' 4.我可以看到消息“Hi”,但控制台是空的 – BillyBob

+0

您是否能够在控制台中看到任何错误? – Webdev

+0

不,没有错误。我在'$ .getJSON ...'内部添加了一个'alert()',并且没有警报出现,所以我认为它甚至没有进入函数调用。 – BillyBob