ローカルJSONファイルへのAngularJS $ http GETリクエストの返信SyntaxError：予期しないトークン]

Question

プロジェクトディレクトリにあるJSONファイルに対して簡単なGETリクエストを行い、次の受信を続けます。SyntaxError：予期しないトークン]

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

通常は、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." 
    } 
] 
} 

Answer 2

あなたはJSONの末尾に余分なコンマがあります

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