Question

我正在尝试使用AngularJs 1.6从我的JSON文件中获取数据

  myApp.controller("homeCtrl", function($scope, $http) {
      $scope.Data = [];
      var getJsonData = function() {
          $http.get('contactlist.json').then(function(response) {
              $scope.Data = response.data;
              console.log(response.data);
          });
      }
      getJsonData();
  });

但它不会响应我将调试置于行，但我的页面打开而没有停止调试响应。所以它不会发生（函数（响应）{

我的JSON文件：

var contactList = [
{
"firstName": "Joe",
"lastName": "Perry",
"contactNumber": "444-888-1223",
"contactEmail": "joe@cordis.us"
},
{
"firstName": "Kate",
"lastName": "Will",
"contactNumber": "244-838-1213",
"contactEmail": "kate@cordis.us"
}
];

Answer 1

得到了解决。问题是因为json文件数据末尾的分号。尝试在Plunker编辑器中粘贴时出现此错误我的错。

Answer 2

从var contactList =文件中删除JSON并仅放置JSON内容

像：

[
   {
        "firstName": "Joe",
        "lastName": "Perry",
        "contactNumber": "444-888-1223",
        "contactEmail": "joe@cordis.us"
    },
    {
        "firstName": "Kate",
        "lastName": "Will",
        "contactNumber": "244-838-1213",
        "contactEmail": "kate@cordis.us"
    }
]

var contactList = <something>意味着它的javascript代码需要执行，但是您正在读取该文件并将其解析为json数据而不是作为js文件执行，因此请将其设置为json文件所以内容只是json字符串而不是一些javascript代码。

Answer 3

将您的json文件更改为（您的json无效）：

[{"firstName":"Joe","lastName":"Perry","contactNumber":"444-888-1223","contactEmail":"joe@cordis.us"},{"firstName":"Kate","lastName":"Will","contactNumber":"244-838-1213","contactEmail":"kate@cordis.us"}]

没有使用angularjs 1.6从JSON文件获取数据

3 个答案: