AngularJS $ http和$ resource

Question

我刚接触AngularJS，所以请原谅我的无知。

我有一些我想调用的Web服务。 $resource或$http，我应该使用哪一个？

$resource：https://docs.angularjs.org/api/ngResource/service/$resource

$http：https://docs.angularjs.org/api/ng/service/$http

后，我看了上面的两个API的页面，我失去了。

请问您能否用简单的英语向我解释有什么区别，以及在什么情况下我应该使用它们？我如何构造这些调用并将结果正确读入js对象？

Answer 1

$http是用于通用AJAX。在大多数情况下，这是你将要使用的。使用$http您将手动创建GET,POST,DELETE类型的调用并处理它们自己返回的对象。

$resource换行$http用于REST风格的Web API场景。

---

概而言之：RESTful Web服务将与一个端点为基于HTTP的方法，如GET，POST，PUT，DELETE等与数据类型做不同的事情一个数据类型的服务，使如果使用$resource，则可以调用GET将资源作为JavaScript对象进行获取，然后对其进行修改并将其发送回POST，甚至用DELETE将其删除。

......如果这是有道理的。

Answer 2

当谈到在$http或$resource之间进行选择时，从技术上讲没有正确或错误的答案，实质上两者都会这样做。

$resource的目的是为了让您传递模板字符串（包含占位符的字符串）以及参数值。 $resource将使用作为对象传递的参数值替换模板字符串中的占位符。当与RESTFul数据源进行交互时，这是非常有用的，因为它们使用类似的原则来定义URL。

$http所做的是执行异步HTTP请求。

Answer 3

我觉得其他答案虽然正确，但并不能很好地解释问题的根源：REST是HTTP的子集。这意味着可以通过REST完成的所有事情都可以通过HTTP完成，但并非所有可以通过HTTP完成的事情都可以通过REST完成。这就是为什么$resource内部使用$http。

那么，什么时候用对方？

如果你需要的是REST，也就是你试图访问一个Web服务RESTful，$resource将会使超级容易到与该Web服务交互。

如果您试图访问任何不是RESTful webservice的东西，那么您将不得不使用$http。请记住，您还可以通过$http访问RESTful网络服务，这将比$resource复杂得多。这是大多数人通过使用jQuery.ajax（相当于Angular的$http）在AngularJS之外进行的方式。

Answer 4

我认为值得强调的是$ resource需要对象或数组作为服务器响应，而不是原始字符串。因此，如果您有原始字符串（或除对象和数组以外的任何东西）作为响应，则必须使用$ http

Answer 5

资源服务对于使用REST APSI来说只是有用的服务。 当你使用它，你不写你的增删改查方法（创建，读取，更新和删除）

据我所知，资源服务只是一个快捷方式，你可以用http服务做任何事情。

Answer 6

有一件事我使用了$ HTTP是 如果您正在使用的Web API在.NET

$资源被捆绑成执行一个单一的目的一个控制器$资源时发现。

$ resource（'/ user /：userId'，{userId：'@ id'}）;

[HttpGet] 
public bool Get(int id) 
{ 
    return "value" 
} 

public void Post([FromBody]string value) 
{ 
} 

public void Put(int id, [FromBody]string value) 
{ 
} 

public void Delete(int id) 
{ 
} 

虽然$ http可能是任何东西。只需指定网址。

$ http.get - “API /认证”

[HttpGet] 
public bool Authenticate(string email, string password) 
{ 
    return _authenticationService.LogIn(email, password, false); 
} 

这只是我的意见。

Answer 7

$http使得通用AJAX调用，其中一般意味着它可以包括的RESTful API加非RESTful API。

和$resource是专门为那个RESTful部分。

Restful Api近年来流行，因为url更好地组织，而不是由程序员组成的随机url。

如果我使用REST风格的API来构建url，它将会像/api/cars/:carId一样。

$resource的方式来获取数据

angular.module('myApp', ['ngResource']) 

    // Service 
    .factory('FooService', ['$resource', function($resource) { 
     return $resource('/api/cars/:carId') 
    }]); 

    // Controller 
    .controller('MainController', ['FooService', function(FooService){ 
     var self = this; 
     self.cars = FooService.query(); 
     self.myCar = FooService.get('123'); 

    }]); 

这会给你一个resource object，这是自动伴有get，save，query，remove，delete方法。

$http的方式来获取数据

angular.module('myApp', []) 

    // Service 
    .factory('FooService', ['$http', function($http){ 
     return { 
      query: function(){ 
       return $http.get('/api/cars'); 
      }, 

      get: function(){ 
       return $http.get('/api/cars/123'); 
      } 
      // etc... 
     } 

看看我们如何需要定义REST风格的API每个常见的操作。另一个区别是$http返回promise，而$resource返回一个对象。也有第三方插件，帮助角处理REST风格的API像restangular

---

如果API是一样的东西/api/getcarsinfo。所有离开我们是使用$http。

Answer 8

$资源服务目前不支持承诺，因此与$ http服务有明显不同的接口。

Answer 9

我认为答案更多地取决于您在编写代码时候您的。 如果您是Angular的新手，请使用$http，直到您知道为什么需要$resource。直到您具体了解$http如何阻止您，并且您了解在中使用$resource的含义，请使用$http。

这是我的经验：我开始了我的第一个Angular项目，我需要向一个RESTful接口发出HTTP请求，所以我做了和现在一样的研究。根据我在这样的SO问题中阅读的讨论，我选择了$resource。 这是一个我希望我能解开的错误。这里的原因：

1. $http例子是丰富的，有益的，通常你需要的东西。清除$resource例子很少，并且（以我的经验）很少有你需要的。对于Angular的新手来说，直到后来你才会意识到自己选择的含义，当你困惑于文档时感到困惑，并且愤怒地发现你找不到有用的例子来帮助你。
2. $http可能是您要查找的1对1心智图。您无需学习新概念即可了解您使用$http获得的结果。 $resource带来了很多细微差别，你还没有一个心智地图。
3. 哎呀，我说你不必学习一个新概念？作为一个角度的新手，你做必须了解承诺。 $http返回一个承诺，并且是.then的能力，因此它适合您正在学习的有关Angular和承诺的新事物。 $resource，它不直接返回承诺，使您对Angular基础知识的初步掌握复杂化。
4. $resource功能强大，因为它可以浓缩RESTful CRUD调用的代码和输入和输出的转换。如果您厌倦了重复编写代码来自己处理$http的结果，那就太好了。对其他人而言，$resource增加了令人困惑的语法和参数传递的神秘层。

我希望我在3个月前认识我，我会强调告诉自己：“坚持与$http孩子，这很好。”