AngularJS 解析 JSON

在 AngularJS 中解析 JSON 数据是一项很常见的任务。下面将介绍如何使用 AngularJS 内置的服务 $http 和 $q 来获取并解析 JSON 数据。

获取 JSON 数据

首先，我们需要使用 $http 服务来获取 JSON 数据。以下是一个简单的例子：

$http.get('data.json').then(function(response) {
  $scope.data = response.data;
});

解析 JSON 数据

获取到 JSON 数据后，我们需要将其解析为 JavaScript 对象。这可以通过 JSON.parse() 方法来实现，如下所示：

$http.get('data.json').then(function(response) {
  $scope.data = JSON.parse(response.data);
});

如果您要支持旧版浏览器（如 IE8），则可以使用 AngularJS 内置的 $httpBackend 服务来模拟 JSON.parse() 方法：

$http.get('data.json').then(function(response) {
  $scope.data = angular.fromJson(response.data);
});

处理 JSON 数据请求错误

在获取 JSON 数据时可能会发生错误。为了避免代码抛出异常，可以使用 $q 服务来处理错误。下面是一个示例：

$http.get('data.json').then(function(response) {
  $scope.data = response.data;
}, function(error) {
  console.error('Failed to get JSON data:', error);
});

总结

以上就是使用 AngularJS 解析 JSON 数据的方法。您可以使用 $http 服务来获取数据，然后使用 JSON.parse() 方法或 angular.fromJson() 方法来解析数据。同时，您还可以使用 $q 服务来处理请求错误。