Question

我有一个简单的程序，我写的有3个文件：

1.an HTML文件（index.html）

2.a Javascript文件（app.js）

3.a JSON数据集（dataset.json）

我想要做的就是让浏览器识别数据而我无法做到。

我的app.js文件：

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

我的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>

Answer 1

您的JSON文件无效

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

需要是字符串或数字

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

Answer 2

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

系统无法找到JSON文件

2 个答案: