深入理解Angularjs中的$resource服务

一、$resource服务介绍

$http服务提供的实现极为简单和低级，可以用来发送XHR请求，同时它还为你提供了很大的可控性和灵活性。但是，在大多数情况下，我们需要处理对象，以及封装了特定属性和方法的对象模型，例如一个person对象（带有详细信息），或者一个信用卡对象。

$resource就是为这一功能而设计的。AngularJS中的resource(资源)允许我们用描述性的方式来定义对象模型，它可以描述以下内容：

资源在服务端的URL。
常用的请求参数类型。 一些附加的方法（你可以自动获得get、save、query、remove和delete方法），这些方法为对象模型包装了特定的功能和业务逻辑（例如信用卡对象的charge()方法）。
期望获得的响应类型（一个数组或者一个对象）。
协议头。

使用Angular所提供的$resource对象，你可以根据各种需求查询服务器；除此之外，你还可以把服务端返回的对象当成已经持久好的数据模型，你可以修改它们，并且可以把它们持久化。

ngResource是一个独立的、可选的模块，因此，并没有默认包含在Angular中， 为了使用它，需要：

1、在加载的脚本文件中包含angular-resource.js.

例如： <script src="http://cdn.bootcss.com/angular-resource/1.5.8/angular-resource.min.js"></script>

2、在模块依赖声明中包含ngResource

例如: angular.module(‘myapp', [‘ngResource'])

3、在需要的地方使用注入的$resource服务。

格式： var obj=$resource(url,[,paramsDefaults],[,actions])

obj表示请求服务器指定url地址后返回的`$resource`对象，该对象中就包含了**与服务端进行数据交互的全部API**。

参数url表示请求服务器的地址，其中允许占位符变量，该变量必须以`:`为前缀

例如：

 `var obj=$resource('url?action=:act');` `obj.$save{act:'save'}`

那么，在执行save动作时，向服务端发送的实际地址就为`url?action=save`。

此外，可选参数`paramsDefaults`是一个对象，用于设置请求时的默认参数值，在发送请求时，该对象中的全部值将自动进行序列化，如遇占位符变量自动替换，并将结果添加到url请求之后

代码如下：

 var obj=`$resource`('url?action=:act',{ act:'save', a:'1', b:'2' });

执行上述代码后，向服务器发送的实际地址是`url?action=save&a=1&b=2`。

另外一个可选参数`actions`的功能是扩展默认资源动作，例如，可以在该对象中自定义新的方法：

 var boj=$resource('url?action=:act',{ ... },{ a:{ method:'get' } });