AngularJS: SyntaxError 在使用 $http 请求文件（json 内容）时发生

Question

我需要使用 $http 服务访问文件。但是 iam 在浏览器控制台中出现以下错误 。

SyntaxError: Unexpected token '
    at Object.parse (native)
    at vc (http://localhost/libFile/angular.min.js:15:313)
    at $b (http://localhost/libFile/angular.min.js:81:301)
    at http://localhost/libFile/angular.min.js:82:216
    at n (http://localhost/libFile/angular.min.js:7:322)
    at ed (http://localhost/libFile/angular.min.js:82:198)
    at c (http://localhost/libFile/angular.min.js:83:382)
    at http://localhost/libFile/angular.min.js:119:302
    at m.$get.m.$eval (http://localhost/libFile/angular.min.js:134:83)
    at m.$get.m.$digest (http://localhost/libFile/angular.min.js:131:106)

下面是带有 Angular 表达式的 html 模板。这里没有报错

<html ng-app="nameApp">
<head>
  <meta charset="utf-8">
  <script src="http://localhost/libFile/angular.min.js">
  </script>
  <script>
  var nameApp = angular.module('nameApp',[]);
    nameApp.controller('myController' , function($scope,$http)
    {
      $http.get('http://localhost/checkangular/art_1.json').success(function(data){
          $scope.arts = data;
      });
    });
  </script>
</head>
<body ng-controller="myController">
<ul>
  <li ng-repeat="art in arts">
   {{art.movie}} - {{art.mainChar}}
  </li>
</ul>
</body>
</html>

我的 art_1.json 文件。

[
  {'movie' : 'i am legand','mainChar':'Will Smith'},
  {'movie' : 'Batman Begins','mainChar' : 'Christian Bale'},
  {'movie' : 'Man of Steel', 'mainChar' : 'Henry Cavill'}
];

我浏览寻找解决方案并认为我可能错过了 $http 服务中的参数或我没有导入的模块。在在线教程中，就像他们做的一样并且对他们有用。

我正在使用 AngularJS v1.4.0 库
请在这里给我一个解决方案

Answer 1

那是因为它无效JSON。 JSON 使用 " 而不是 '，并且不以 ; 结尾。

您可以使用 JSONLint to verify. You could also read up on JSON 之类的工具及其语法。另外，不要手动构建 JSON 。这很容易出错。

AngularJS: SyntaxError 在使用 $http 请求文件（json 内容）时发生

AngularJS: SyntaxError Occurs when requesting for a file (json content) using $http

javascript

angularjs

angularjs-service