对本地JSON文件的AngularJS $ http GET请求返回SyntaxError：意外令牌]

Question

我正在尝试对位于项目目录中的JSON文件进行简单的GET请求，并继续接收以下内容： SyntaxError：Unexpected token]

我的JavaScript或JSON没有任何语法问题。 JSON的路径是正确的，给了我304响应。 我的JavaScript和JSON非常简单：

JavaScript的：

// app
var app = angular.module('app', []);

// controllers
app.controller('myController', function($scope, $http){

  $scope.data = null;

  $http.get('data.json').success(function(data){

    $scope.data = data;
    console.log($scope.data);
  });
});

JSON：

{
 "data": [
  {
    "title": "Test 1",
    "description": "Fusce vulputate eleifend sapien."
  },
  {
    "title": "Test 2",
    "description": "Vivamus laoreet."
  },
  {
    "title": "Test 3",
    "description": "Quisque ut nisi."
  },
 ]
}

是什么让我无法从JSON文件中检索数据？

Answer 1

JSON末尾还有一个逗号：

{
 "data": [
  {
    "title": "Test 1",
    "description": "Fusce vulputate eleifend sapien."
  },
  {
    "title": "Test 2",
    "description": "Vivamus laoreet."
  },
  {
    "title": "Test 3",
    "description": "Quisque ut nisi."
  }, <<<< HERE
 ]
}

Answer 2

通常，在JavaScript中，即使不是最佳实践，在数组/对象中添加额外的逗号也不会引起任何问题（例如，在代码编辑器中）。

但是，由于您在请求中使用此JSON，因此JSON语法必须正确。

删除包含对象的数组末尾的逗号。

{
 "data": [
  {
    "title": "Test 1",
    "description": "Fusce vulputate eleifend sapien."
  },
  {
    "title": "Test 2",
    "description": "Vivamus laoreet."
  },
  {
    "title": "Test 3",
    "description": "Quisque ut nisi."
  }
 ]
}