为什么我们在 Angularjs 中使用工厂/服务进行 ajax 调用？答案

【问题标题】：Why do we use Factories/Services for ajax calls in Angularjs?为什么我们在 Angularjs 中使用工厂/服务进行 ajax 调用？
【发布时间】：2017-03-08 05:30:55
【问题描述】：

有人告诉我，我们使用工厂/服务来消除重复编码。这是代码的一部分，它工作正常。

app.controller('ServicesCtrl',['$scope','DataFactory',function($scope,$http,DataFactory){

    DataFactory.GetData('services1.json')
      .then(function(response){
         $scope.returnedData = response.data;
    })
      .catch(function(response){
        console.log('Error in process',response.status,response.data);
    });
  }]);

app.controller('ContactCtrl',['$scope','DataFactory', function($scope,DataFactory){

    DataFactory.GetData('location.json')
      .then(function(response){
         $scope.returnedData = response.data;
    })
      .catch(function(response){
        console.log('Error in process',response.status,response.data);
    });
  }]);

app.factory('DataFactory',['$http',function($http){

  var factory = {};

  factory.GetData = function(path) {
    return $http.get(path);

  }
  return factory;
}]);

我的问题是 1. 当我们必须处理控制器内部的承诺时，为什么要使用服务/工厂来进行这样的 ajax 调用？我的意思是，我必须在这里的两个控制器中进行相同的 .then 和 .catch 调用。它的效率在哪里？有没有更好的方法来做到这一点？还是我做错了？是否可以在工厂内部处理这些承诺并将 response.data 返回给不同的控制器？

【问题讨论】：

可以在服务中缓存承诺。否则，JavaScript 是单线程的。函数只能返回立即可用的数据或返回一个 pending 承诺，该承诺将在未来完成或拒绝。

标签： angularjs angular-http angular-controller angular-factory

【解决方案1】：

这里的事情是代码的可重用性。现在假设您有一个名为

的服务

angular.module('test')
  .service('testService', function ($http) {

    this.getBidsUser = function ($username) {
      var endpoint = "bids/users/"+$username;

      return $http({
        method: 'get',
        url: endpoint
      });
    };

}

返回用户的出价。您可能希望在不同的视图中使用相同的信息。因此使用服务是一个好主意，这样您就不必再次重写相同的代码。

再一次，您可能希望在同一服务上拥有所有与端点相关的服务以实现可维护性。

如果您不使用服务模式，您可能需要更改服务的端点。

承诺 arr 回调。如果您在服务中处理这些承诺，则维护调用者时间线并不容易。

【讨论】：

【解决方案2】：

您好，我们使用工厂和服务

使应用程序更加模块化，
有可能重用代码，
隐藏实现细节

例如，进行 http 调用的服务可能会被视为高级“服务”，它会根据调用类型为您返回所需的对象，并且可以在高级别的情况下重用。

该服务允许自定义调用参数，可能避免其中一些参数由调用控制器指定。或者它可以做一些预处理或后处理，它可以做一些缓存等等。而且它是便携式的，因此您可以在每次需要时调用它。

最后一个问题

是否有可能在工厂内部兑现这些承诺？将 response.data 返回到不同的控制器？

也许有可能，但实施起来可能很复杂，因为它与响应的时间有关。相反，我建议您使用模块 ngResource 中的 $resource 服务，它已经可以满足您的需求。

查看文档：

AngularJs Tutorial on $resource

Angularjs Programming guide on $resource

【讨论】：