Javascript 系统可以'；找不到JSON文件_Javascript_Jquery_Json

Javascript 系统可以'；找不到JSON文件

javascript jquery json

Javascript 系统可以'；找不到JSON文件,javascript,jquery,json,Javascript,Jquery,Json,我正在编写一个简单的程序，它有3个文件： 1.HTML文件（index.HTML） 2.一个Javascript文件（app.js） 3.JSON数据集（dataset.JSON）我只想让浏览器识别数据，但我做不到我的app.js文件： $(document).ready(function(){ $.getJSON('dataset.json', function(data){ console.log(data); }); }); My dataset.json文件： [

我正在编写一个简单的程序，它有3个文件：

1.HTML文件（index.HTML）

2.一个Javascript文件（app.js）

3.JSON数据集（dataset.JSON）

我只想让浏览器识别数据，但我做不到

我的app.js文件：

$(document).ready(function(){
  $.getJSON('dataset.json', function(data){
   console.log(data);
 });
});

My dataset.json文件：

[
  {
    "Gender": "Female",
    "Height": 5'2,
    "Weight": 100,
    "Age": 25,
    "Occupation": "Lawyer"
  },
  {
    "Gender": "Male",
    "Height": 5'9,
    "Weight": 150,
    "Age": 23,
    "Occupation": "Student"
  }
 ]

有什么想法吗？我完全错过了什么吗？在我的index.html上，我脑子里只有：

<head>
  <meta charset="UTF-8">
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  <script type="text/javascript" src="app.js"></script>
</head>

您的JSON文件无效

"Height": 5'2, <-- that is not valid
"Height": 5'9, <-- that is not valid

您必须使用实时服务器打开它，否则它将无法工作（例如打开index.html）。您可以使用VSCode插件（LiveServer）来实现这一点。

如果它没有加载它，那么控制台中可能会出现一些错误。你看到了吗？检查networks选项卡，是否有对json文件的请求？如果是，成功了吗？谢谢你。我确实检查了控制台并收到了以下消息：收到了无效响应。因此，不允许访问源“null”。有什么想法吗？哦，对了，我认为如果不运行Web服务器，你就无法完成你想做的事情。jQuery正在内部生成一个XMLHttpRequest，如果您只是在浏览器中打开本地html文件，它将无法工作。我认为运行http服务器最简单的方法是，如果安装了python，在包含文件的目录中运行

python-msimplehttpserver 8000

。然后执行localhost:8000访问这些文件，就像它们被托管在一个网站上一样。啊！打得好，你说得对。非常感谢。谢谢你。事实上，我之前已经切换了，并且一直收到相同的错误：收到了无效的响应。因此，不允许访问源“null”。请使用本地Web服务器

"Height": "5'2", 
"Height": "5'9",