系统找不到 JSON 文件

Question

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

1.一个HTML文件（index.html）

2.a Javascript 文件 (app.js)

3.一个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 个解决方案

解决方案1
2 2014-05-15 01:13:35

解决方案2
1 2020-10-05 14:47:31

系统找不到 JSON 文件

问题描述

2 个解决方案

解决方案1 2 2014-05-15 01:13:35

解决方案2 1 2020-10-05 14:47:31

解决方案1
2 2014-05-15 01:13:35

解决方案2
1 2020-10-05 14:47:31