获取语法错误:JSON.parse:JSON 数据第 1 行第 1 列处的数据意外结束

我是 angularJS 的新手。不久前，下面的代码工作正常。不知道我做了什么更改，现在它给了我 JSON.parse：响应中 JSON 数据第 1 行第 1 列处的数据意外结束你能看看下面的代码吗？

  <!doctype html>
       <html lang="en" ng-app="myapp">
       <head>
       <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0  /angular.min.js"></script>
       <script src="controller.js"></script>
    </head><body>
    <div ng-controller="people">
    <ul>
        <h2> I need to learn AngularJS </h2>
        <li ng-repeat="person in persons">
             {{ person.name + ' : ' + person.age}}
         </li>
        </ul>
     </div>
     </body>
     </html>

JS文件

  var app = angular.module('myapp', []);
  app.controller('people' , function($scope, $http){
  $http.get('http://127.0.0.1/garg/database.json')
  .success(function(response){
   $scope.persons = response.records;
   });
   });

Json 文件

            {
                "records":[
            { 
                "name": "rock",
                "age" : "40"
            },
            {
                "name": "undertaker",
                "age" : "40"

            },
            { 
                "name": "kane",
                "age" : "40"

            },
            { 
                "name": "triple h",
                "age" : "40"

            }
            ]
            }

您应该使用与 AJAX 调用中相同的域/IP 访问 HTML 文件。例如，在控制器中使用它：

var app = angular.module('myapp', []);
app.controller('people' , function($scope, $http){
    $http.get('http://127.0.0.1/garg/database.json')
    .success(function(response){
        $scope.persons = response.records;
    });
});

并使用以下网址访问您的 HTML 文件：http://127.0.0.1/garg/index.html

相关内容

最新更新

热门标签：