Angular学习笔记(10)—XHR和服务器通信

$http

我们可以使用内置的$http服务直接同外部进行通信。$http服务只是简单的封装了浏览器原生的XMLHttpRequest对象。
$http服务是只能接受一个参数的函数，这个参数是一个对象，包含了用来生成HTTP请求的配置内容。这个函数返回一个promise对象，具有success和error两个方法。

$http({
    method: 'GET',
    url: '/api/users.json'
}).success(function(data,status,headers,config) {
    // 当响应准备就绪时调用
}).error(function(data,status,headers,config) {
    // 当响应以错误状态返回时调用
});

当$http返回promise对象时，我们可以将$http的运行结果当作变量一并返回，并将其他promise同它串联在一起，进行链式的调用。在创建服务时会频繁使用链式调用技术，因此服务可以返回一个promise对象，而不需要回调函数。

var promise = $http({
    method: 'GET',
    url: '/api/users.json'
});

由于$http方法返回一个promise对象，我们可以在响应返回时用then方法来处理回调。如果使用then方法，会得到一个特殊的参数，它代表了相应对象的成功或失败信息，还可以接受两个可选的函数作为参数。或者可以使用success和error回调代替。

promise.then(function(resp){
    // resp是一个响应对象
}, function(resp) {
    // 带有错误信息的resp
});
// 或者使用success/error方法
promise.success(function(data, status, headers, config){
    // 处理成功的响应
});
// 错误处理
promise.error(function(data, status, headers, config){
    // 处理非成功的响应
});

如果响应状态码在200和299之间，会认为响应是成功的，success回调会被调用，否则error回调会被调用。如果响应结果是重定向，XMLHttpRequest会跟进这个重定向，error回调并不会被调用。
我们可以调用Http promise对象上的then()、success()和error()方法。then()方法与其他两种方法的主要区别是，它会接收到完整的响应对象，而success()和error()则会对响应对象进行析构。
调用http方法后，在下一个$digest循环运行之前它并不会被真正执行。尽管大部分情况下我们都是在$apply代码块内部使用$http，但也可以在AngularJS的$digest循环以外执行这个方法。
如果要在AngularJS的$digest循环以外执行$http函数，需要将其封装在一个$apply代码块中。这样会强制digest循环执行，我们的promise可以按预期那样被resolve。

$scope.$apply(function(){
    $http({
        method: 'GET',
        url: '/api/users.json'
    });
});

快捷方法

1.get()

发送GET请求的快捷方式。get()函数可以接受两个参数。

  • url（字符串）：一个绝对或相对路径的URL，代表请求的目的地。
  • config（可选，对象）：get()方法返回Http promise对象。
2.delete()

用来发送DELETE请求的快捷方式。delete()函数可以接受两个参数。

  • url（字符串）：一个绝对或相对路径的URL，代表请求的目的地。
  • config（可选，对象）：delete()方法返回Http promise对象。
3.head()

发送HEAD请求的快捷方式。head()函数可以接受两个参数。

  • url（字符串）：一个绝对或相对路径的URL，代表请求的目的地。
  • config（可选，对象）：head()方法返回Http promise对象。
4.jsonp()

发送JSONP请求的快捷方式。jsonp()函数可以接受两个参数。

  • url（字符串）：一个绝对或相对路径的URL，代表请求的目的地。为了发送JSONP请求，其中必须包含JSON_CALLBACK字样。
$http.jsonp("/api/users.json?callback=JSON_CALLBACK");
  • config（可选，对象）：jsonp()方法返回Http promise对象。
5.post()

发送POST请求的快捷方式。post()函数可以接受三个参数。

  • url（字符串）：一个绝对或相对路径的URL，代表请求的目的地。
  • data（对象或字符串）：这个对象包含请求的数据。
  • config（可选，对象）：post()方法返回Http promise对象。
6.put()

发送PUT请求的快捷方式。put()函数可以接受三个参数。

  • url（字符串）：一个绝对或相对路径的URL，代表请求的目的地。
  • data（对象或字符串）：这个对象包含请求的数据。
  • config（可选，对象）：put()方法返回Http promise对象。

设置对象

当我们将$http当作函数来调用时，需要传入一个设置对象，用来说明如何构造XHR对象。

$http({
    method: 'GET',
    url: '/api/users.json',
    params: {
        'username': 'auser'
    }
});

设置对象可以包含以下键。

1.method（字符串）

这个键是我们希望发送的请求的HTTP方法。它的值是下列各项其中之一：GET、DELETE、HEAD、JSONP、POST、PUT。

2.url（字符串）

绝对或相对的URL，是请求的目标。

3.params（字符串map或对象）

这个键的值是一个字符串map或对象，会被转换成查询字符串追加在URL后面。如果值不是字符串，会被JSON序列化。

// 参数会转化为?name=ari的形式
$http({
params: {'name': 'ari'}
})

4.data（字符串或对象）

这个对象中包含了将会被当作消息体发送给服务器的数据。通常在发送POST请求时使用。它还可以在POST请求里发送二进制数据。要发送一个blob对象，可以简单地通过使用data参数来传递它。

var blob = new Blob(['Hello World'], {type: 'text/plain'});
$http({
    method: 'POST',
    url: '/',
    data: blob
});

5.headers（对象）

一个列表，每一个元素都是一个函数，它会返回代表随请求发送的HTTP头。如果函数的返回值是null，对应的头不会被发送。

6.xsrfHeaderName（字符串）

保存XSFR令牌的HTTP头的名称。

7.xsrfCookieName（字符串）

保存XSFR令牌的cookie的名称。

8.transformRequest（函数或函数数组）

这是一个函数或函数数组，用来对HTTP请求的请求体和头信息进行转换，并返回转换后的版本。通常用于在请求发送给服务器之前对其进行序列化。

function(data,headers) {}

9.transformResponse（函数或函数数组）

这是一个函数或函数数组，用来对HTTP响应的响应体和头信息进行转换，并返回转换后的版本。通常用来进行反序列化。

function(data,headers) {}

10.cache（布尔型或缓存对象）

如果cache属性被设置为true，那么AngularJS会用默认的$http缓存来对GET请求进行缓存。
如果cache属性被设置为一个$cacheFactory对象的实例，那么这个对象会被用来对GET请求进行缓存。

11.timeout（数值型或promise对象）

如果timeout被设置为一个数值，那么请求将会在推迟timeout指定的毫秒数后再发送。如果被设置为一个promise对象，那么当该promise对象被resolve时请求会被中止。

12.withCredentials（布尔型）

如果该属性被设置为true，那么XHR请求对象中会设置withCredentials标记。
默认情况下，CORS请求不会发送cookie， 而withCredentials标记会在请求中加入Access-Control-Allow-Credentials头，这样请求就会将目标域的cookie包含在请求中。

13.responseType（字符串）

responseType选项会在请求中设置XMLHttpRequestResponseType属性。可以使用以下HTTP请求类型其中之一：

  • ""（字符串，默认）
  • "arraybuffer"（ArrayBuffer）
  • "blob"（blob对象）
  • "document"（HTTP文档）
  • "json"（从JSON对象解析而来的JSON字符串）
  • "text"（字符串）
  • "moz-blob"（Firefox的接收进度事件）
  • "moz-chunked-text"（文本流）
  • "moz-chunked-arraybuffer"（ArrayBuffer流）

响应对象

AngularJS传递给then()方法的响应对象包含四个属性。

  • data（字符串或对象）：这个数据代表转换过后的响应体。
  • status（数值型）：响应的HTTP状态码。
  • headers（函数）：这个函数是头信息的getter函数，可以接受一个参数，用来获取对应名字的值。
$http({
    method: 'GET',
    url: '/api/users.json'
}).then (resp) {
    resp.headers('X-Auth-ID');  // 读取X-Auth-ID
});
  • config（对象）：这个对象是用来生成原始请求的完整设置对象。
  • statusText（字符串）：这个字符串是响应的HTTP状态文本。

缓存HTTP请求

默认情况下，$http服务不会对请求进行本地缓存。在发送单独的请求时，我们可以通过向$http请求传入一个布尔值或者一个缓存实例来启用缓存。

$http.get('/api/users.json',{cache: true}) 
.success(function(data) {}) 
.error(function(data) {});

第一次发送请求时，$http服务会向/api/users.json发送一个GET请求。第二次发送同一个GET请求时，$http服务会从缓存中取回请求的结果，而不会真的发送一个HTTP GET请求。
在这个例子里，由于设置了启用缓存，AngularJS默认会使用$cacheFactory，这个服务是AngularJS在启动时自动创建的。
如果想要对AngularJS使用的缓存进行更多的自定义控制，可以向请求传入一个自定义的缓存实例代替true。
例如，如果要使用LRU（Least Recenlty Used，最近最少使用）缓存，可以像下面这样传入缓存实例对象：

var lru = $cacheFactory('lru',{
    capacity: 20
});
$http.get('/api/users.json', { cache: lru }) 
.success(function(data){}) 
.error(function(data){});

现在，最新的20个请求会被缓存。第21个请求会导致LRU从缓存中将时间比较老的请求移除掉。 每次发送请求时都传入一个自定义缓存是很麻烦的事情。可以通过应用的.config()函数给所有$http请求设置一个默认的缓存：

angular.module('myApp', [])
.config(function($httpProvider, $cacheFactory) { 
    $httpProvider.defaults.cache = $cacheFactory('lru', { 
        capacity: 20
    });
});

现在，所有的请求都会使用我们自定义的LRU缓存了。

拦截器

任何时候如果我们想要为请求添加全局功能，例如身份验证、错误处理等，在请求发送给服 务器之前或者从服务器返回时对其进行拦截，是比较好的实现手段。
例如对于身份验证，如果服务器返回401状态码，我们会希望将用户重定向到登录页面。 AngularJS通过拦截器提供了一个从全局层面对响应进行处理的途径。
拦截器实际上是$http服务的基础中间件，用来向应用的业务流程中注入新的逻辑。
拦截器的核心是服务工厂，通过向$httpProvider.interceptors数组中添加服务工厂，在$httpProvider中进行注册。
一共有四种拦截器，两种成功拦截器，两种失败拦截器。

  • request
    AngularJS通过$http设置对象来对请求拦截器进行调用。它可以对设置对象进行修改，或者创建一个新的设置对象，它需要返回一个更新过的设置对象，或者一个可以返回新的设置对象的promise。
  • response
    AngularJS通过$http设置对象来对响应拦截器进行调用。它可以对响应进行修改，或者创建 一个新的响应，它需要返回一个更新过的响应，或者一个可以返回新响应的promise。
  • requestError
    AngularJS会在上一个请求拦截器抛出错误，或者promise被reject时调用此拦截器。
  • responseError
    AngularJS会在上一个响应拦截器抛出错误，或者promise被reject时调用此拦截器。

调用模块的.factory()方法来创建拦截器，可以在服务中添加一种或多种拦截器。

angular.module('myApp', []).factory('myInterceptor', function($q) {
    var interceptor = {
        'request': function(config) {
            // 成功的请求方法
            return config; // 或者 $q.when(config);
        },
        'response': function(response) {
            // 响应成功
            return response; // 或者 $q.when(config);
        },
        'requestError': function(rejection) {
            // 请求发生了错误，如果能从错误中恢复，可以返回一个新的请求或promise 
            return response; // 或新的promise
            // 或者，可以通过返回一个rejection来阻止下一步
            // return $q.reject(rejection);
        },
        'responseError': function(rejection) {
            // 请求发生了错误，如果能从错误中恢复，可以返回一个新的响应或promise 
            return rejection; // 或新的promise
            // 或者，可以通过返回一个rejection来阻止下一步
            // return $q.reject(rejection);
        }
    };
    return interceptor;
});

我们需要使用$httpProvider在.config()函数中注册拦截器：

angular.module('myApp', []) .config(function($httpProvider) { 
    $httpProvider.interceptors.push('myInterceptor'); 
});

设置$httpProvider

使用.config()可以向所有请求中添加特定的HTTP头，这非常有用，尤其是我们希望将身份验证的头同请求一同发送，或设置响应类型的时候。
默认的请求头保存在$httpProvider.defaults.headers.common对象中。默认的头如下所示：

Accept: application/json, text/plain, */*

通过.config()函数可以对这些头进行修改或扩充。

angular.module('myApp', []) .config(function($httpProvider) { 
    $httpProvider.defaults.headers 
        .common['X-Requested-By'] = 'MyAngularApp'; 
});

  也可以在运行时通过$http对象的defaults属性对这些默认值进行修改。例如，通过如下方 法可以动态添加一个头：

$http.defaults
    .common['X-Auth'] = 'RandomString';

这个功能可以通过使用请求转换器实现，对于单个请求，也可以通过设置$http请求的headers选项实现。
也可以只对POST和PUT类型的请求进行设置。

Content-Type: application/json  //POST请求的默认头

可以在.config()函数中对POST请求的头进行修改或扩充。

angular.module('myApp', []) 
.config(function($httpProvider) { 
    $httpProvider.defaults.headers 
        .post['X-Posted-By'] = 'MyAngularApp'; 
});

也可以对所有的PUT请求做同样的设置。

Content-Type: application/json  //PUT请求的默认头

可以在.config()函数中对PUT请求的头进行修改或扩充。

angular.module('myApp',[]).config(function($httpProvider){ 
    $httpProvider.defaults.headers 
        .put['X-Posted-By'] = 'MyAngularApp';
});

使用$resource

AngularJS还提供另外一个非常有用的可选服务$resource供我们使用。这个服务可以创建一 个资源对象，我们可以用它非常方便地同支持RESTful的服务端数据源进行交互，当同支持RESTful的数据模型一起工作时，它就派上用场了。
$resource服务可以将$http请求转换成save和update等简单形式。

安装

ngResource模块是一个可选的AngularJS模块，支持与RESTful的后端数据源进行交互。由于ngResource模块没有默认内置在AngularJS中，因此我们需要安装并在应用中引用它。

$ bower install --save angular-resouce 

<script src="js/vendor/angular.js"></script>
<script src="js/vendor/angular-resource.js"></script>

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

现在可以使用$resource服务了。

应用$resource

$resource服务本身是一个创建资源对象的工厂。返回的$resource对象中包含了同后端服务器进行交互的高层API。

var User = $resource('/api/users/:userId.json', {userId:'@id'});

$resource返回包含了几个默认动作的资源类对象。可以把User对象理解成同RESTful的后端服务进行交互的接口。
默认情况下，这个对象包含了五个常用的方法，可以同资源集合进行交互，或者创建资源对象的实例。它会生成两个基于HTTP GET类型的方法，以及三个非GET类型的方法。

基于HTTP GET方法

两个HTTP GET类型的方法可以接受下面三个参数。

  • params（对象）：随请求一起发送的参数。它们可以是URL中的具名参数，也可以是查询参数。  successFn（函数）：当HTTP响应成功时的回调函数。
  • errorFn（函数）：当HTTP响应非成功时的回调函数。
1.get(params,successFn,errorFn)

get方法向指定URL发送一个GET请求，并期望一个JSON类型的响应。像上面那样不定义具体的参数，get()请求通常被用来获取单个资源。

// 发起一个请求：GET /api/users 
User.get(function(resp) { 
    // 处理响应成功
}, function(err) {
    // 处理错误
});

如果参数中传入了具名参数，那么get()方法会向包含id的URL发送请求：

// 发起一个请求：GET /api/users/123 
User.get({
    id: '123'
}, function(resp) { 
    // 处理响应成功
}, function(err) { 
    // 处理错误
});
2.query(params,successFn,errorFn)

query向指定URL发送一个GET请求，并期望返回一个JSON格式的资源对象集合。

// 发起一个请求：GET /api/users 
User.query(function(users) { 
    // 读取集合中第一个用户 
    var user = users[0];
});

query()和get()方法之间唯一的区别是AngularJS期望query()方法返回数组。

基于非HTTP GET类型的方法

三个基于非HTTP GET类型的方法可以接受下面四个参数。

  • params（对象）
    随请求一起发送的参数。它们可以是URL中的具名参数，也可以是查询参数。
  • postData（对象）：这个对象是随请求发送的数据体。
  • successFn（函数）：当HTTP响应成功时的回调函数。
  • errorFn（函数）：当HTTP响应非成功时的回调函数。
1.save(params,payload,successFn,errorFn)

save方法向指定URL发送一个POST请求，并用数据体来生成请求体。save()方法用来在服务器上生成一个新的资源。

// 发起一个请求：POST /api/users
// with the body {name: 'Ari'} 
User.save({}, {
    name: 'Ari'
}, function(response) {
    // 处理响应成功
}, function(response) {
    // 处理非成功响应
});
2.delete(params,payload,successFn,errorFn)

delete方法会向指定URL发送一个DELETE请求，并用数据体来生成请求体。它被用来在服务器上删除一个实例。

// 发起一个请求：DELETE /api/users 
User.delete({}, {
    id: '123'
}, function(response) { 
    // 处理成功的删除响应
}, function(response) { 
    // 处理非成功的删除响应 
});
3.remove(params,payload,successFn,errorFn)

remove方法和delete()方法的作用是完全相同的，它存在的意义是因为delete是JS的保留字，在IE浏览器中会导致额外的问题。

// 发起一个请求：DELETE /api/users 
User.remove({}, {
    id: '123'
}, function(response) { 
    // 处理成功的删除响应
}, function(response) { 
    // 处理非成功的删除响应 
});

$resource实例

上述方法返回数据时，响应会被一个原型类所包装，并在实例上添加一些有用的方法。实例对象上会被添加三个实例方法：$save()、$remove()、$delete()。
除非在一个单独的资源上而不是一个集合上被调用，否则这三个方法与资源上对应的方法是一样的。这三个方法可以在资源实例上被调用。

// 使用实例方法$save()
User.get({id: '123'}, function(user) { 
    user.name = 'Ari';
    user.$save(); // Save the user
});
// This is equivalent to the collection-level 
// resource call
User.save({id: '123'}, {name: 'Ari'});

$resource实例是异步的

需要格外注意，这三个方法在调用时$resource对象会立即返回一个空的数据引用。由于所有方法都是异步执行的，所以这个数据是一个空的引用，并不是真实的数据。
因此，虽然获取实例的调用看起来是同步的，但实际上不是。事实上，它只是数据的引用，当数据从服务器返回后AngularJS会自动将数据填充进去。

// $scope.user将为空
$scope.user = User.get({id: '123'});
这些方法也提供了回调函数，在数据返回时按预期的方式调用：
User.get({id: '123'}, function(user) { 
    $scope.user = user;
});

附加属性

$resource集合和实例有两个特殊的属性用来同底层的数据定义进行交互。

  • $promise（promise）：$promise属性是为$resource生成的原始promise对象。这个属性是特别用来同$routeProvider.when()在resolve时进行连接的。
    如果请求成功了，资源实例或集合对象会随promise的resolve一起返回。如果请求失败了，promise被resolve时会返回HTTP响应对象，其中没有resource属性。
  • $resolved（布尔型） ：$resolved属性在服务器首次响应时会被设置为true（无论请求是否成功）。

自定义$resource方法

尽管$resource服务提供了五种方法供我们使用，但它本身也具有良好扩展性，我们可以用自定义方法对资源对象进行扩展。
为了在$resource对象中创建自定义方法，需要向包含修改过的$http设置对象的资源类传入第三个参数，它被当作自定义方法。
在这个对象中，键是方法的名称，值是$http设置对象。

var User = $resource('/api/users/:userId.json', { 
    userId: '@id'
    sendEmail: {
        method: 'POST'
    },
    allInboxes: {
        method: 'JSONP',
        isArray: true
    }
});

借助这个User资源，资源集合（User资源对象）中的个体实例现在可以使用sendEmail()和update()方法了（也就是user.$sendEmail()和user.$update()）。

$resource设置对象

$resource设置对象和$http设置对象十分相似，仅有少量的不同。 对象中的值，也就是动作，是资源对象中某个方法的名字。它可以包含以下键。

  • 1.method（字符串） ：method指的是我们想要用来发送HTTP请求的方法。它必须是以下值之一：GET、DELETE、JSONP、POST、PUT。
  • 2.url（字符串）：一个URL，用来覆盖为该方法的具体路由设置的URL。
  • 3.params（字符串map或对象）：这个键中包含了此动作可选的预绑定参数。如果任何一个值都是函数，那么每当我们需要读取一个请求的参数时，它就会被执行一次。
  • 4.isArray（布尔型） ：如果isArray被设置为true，那么这个动作返回的对象会以数组的形式返回。
    5.transformRequest（函数或函数数组）：这个函数或函数数组用来对HTTP请求的请求体和头信息进行转换，并返回转换后的版本。通常用来进行序列化。
var User = $resource('/api/users/:id',{
    id: '@'
}, {
    sendEmail: {
        method: 'PUT',
        transformRequest: function(data, headerFn) { 
            // 返回修改后的请求数据
            return JSON.stringify(data);
        }
  } 
});

6.transformResponse（函数或函数数组）
这个函数或函数数组用来对HTTP响应体和头信息进行转换，并返回转换后的版本。通常用来进行反序列化。

var User = $resource('/api/users/:id',{
    id:'@'
}, {
    sendEmail: {
        method: 'PUT',
        transformResponse: function(data, headerFn)
            {
            // Return modified data for the response 
            return JSON.parse(data);
        }
    }
});
  • 7.cache（布尔型或缓存对象）
    如果cache属性被设置为true，那么AngularJS会用默认的$http缓存对GET请求进行缓存。
    如果cache属性被设置为$cacheFactory对象的一个实例，那么这个对象会用来对GET请求进行缓存。
    如果cache属性被设置为false，那么$resource服务所发送的请求不会被缓存。
  • 8.timeout（数值型或promise对象）
    如果timeout被设置为一个数值，那么请求将会在推迟timeout指定的毫秒数后再发送。
    如果被设置为一个promise对象，那么当该promise对象被resolve时，请求会被中止。
  • 9.withCredentials（布尔型）
    如果该属性被设置为true，那么XHR请求对象中会设置withCredentials标记。
    默认情况下，CORS请求不会发送cookie，而withCredentials标记会在请求中加入Access- Control-Allow-Credentials头，这样请求就会携带目标域的cookie。
  • 10.responseType（字符串）
    responseType选项会在请求中设置XMLHttpRequestResponseType属性。我们可以使用以下HTTP请求类型之一：
    • " "（字符串，默认）
    • "arraybuffer"（ArrayBuffer）
    • "blob"（blob对象）
    • "document"（HTTP文档）
    • "json"（从JSON对象解析而来的JSON字符串）
    • "text"（字符串）
    • "moz-blob"（Firefox的接收进度事件）
    • "moz-chunked-text"（文本流）
    • "moz-chunked-arraybuffer"（ArrayBuffer流）
    1. interceptor（对象）
      拦截器属性有两个可选的方法：response或responseError。这些拦截器像普通的$http拦截器一样，由$http请求对象调用。

$resource服务

我们可以将$resource服务当作自定义服务的基础。创建自定义服务给了我们对应用进行高 度自定义的能力，可以对远程服务通信进行抽象，并且从控制器和视图中解耦出来。
要创建一个封装$resource的服务，需要将$resource的服务注入到我们用来封装的服务对象中，并像平时一样调用其中的方法。

angular.module('myApp', ['ngResource']) .factory('UserService', [
    '$resource', function($resource) {
        return $resource('/api/users/:id', { 
            id: '@'
        }, {
            update: {
                method: 'PUT'
            }
        });
    }]);

$resourceAPI

通过$resource()方法来使用$resource服务。这个方法可以接受三个参数。

  • url（字符串）
    我们在这里传入一个包含所有参数的，用来定位资源的参数化URL字符串模板（参数以:符号为前缀）。对URL中的每个参数，都可以通过它们的名字来为其赋值：
$resource('/api/users/:id.:format', { 
    format: 'json',
    id: '123'
});

这里需要注意，如果:之前的参数是空的（上面例子中的:id），那么URL中的这部分会被压 缩成一个.符号。
如果我们使用的服务器要求在URL中输入端口号，例如http://localhost:3000， 我们必须对URL进行转义 。 这种情况下URL规则看起来是这样的：

$resource('http://localhost\\:3000/api/users/:id.json')。
  • paramDefaults（可选，对象）
    第二个参数中包含了发送请求时URL中参数的默认值。对象中的键会与参数名进行匹配。如果我们传入了一个没有在URL中设置过的参数，那它会以普通的查询字符串的形式被发送。
    例如，如果URL字符串具有/api/users/:id这样的签名，并且我们将默认值设置为{id:'123',name:'Ari'}，那么URL最终会被转换成/api/users/123?name=Ari。
    这里可以像上面一样硬编码一个默认值来传入一个静态值，也可以设置它从一个数据对象中读取动态值。
    如果要设置动态值，需要在值之前加上@字符作为前缀。
  • actions（可选，对象）
    动作对象是具有自定义动作，并且可以对默认的资源动作进行扩展的hash对象。
    在这个对象中，对象的键就是自定义动作的名字，而$http设置对象的值会对URL中相应的参数进行替换。

例如，我们可以用如下形式在资源上定义一个新的update动作：

$resource('/api/users/:id.:format', { 
    format: 'json',
    id: '123'
}, {
    update: {
        method: 'PUT'
    }
});
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
  • 人面猴
    序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
    沈念sama阅读 201,312评论 5赞 473
  • 死咒
    序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
    沈念sama阅读 84,578评论 2赞 377
  • 救了他两次的神仙让他今天三更去死
    文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
    开封第一讲书人阅读 148,337评论 0赞 333
  • 道士缉凶录：失踪的卖姜人
    文/不坏的土叔 我叫张陵，是天一观的道长。 经常有香客问我，道长，这世上最难降的妖魔是什么？ 我笑而不...
    开封第一讲书人阅读 54,134评论 1赞 272
  • 港岛之恋（遗憾婚礼）
    正文 为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
    茶点故事阅读 63,161评论 5赞 363
  • 恶毒庶女顶嫁案：这布局不是一般人想出来的
    文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
    开封第一讲书人阅读 48,303评论 1赞 280
  • 城市分裂传说
    那天，我揣着相机与录音，去河边找鬼。 笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。 我是一名探鬼主播，决...
    沈念sama阅读 37,761评论 3赞 393
  • 双鸳鸯连环套：你想象不到人心有多黑
    文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
    开封第一讲书人阅读 36,421评论 0赞 256
  • 万荣杀人案实录
    序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
    沈念sama阅读 40,609评论 1赞 295
  • 护林员之死
    正文 独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,450评论 2赞 317
  • 白月光启示录
    正文 我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,504评论 1赞 329
  • 活死人
    序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
    沈念sama阅读 33,194评论 3赞 318
  • 日本核电站爆炸内幕
    正文 年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
    茶点故事阅读 38,760评论 3赞 303
  • 男人毒药：我在死后第九天来索命
    文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,836评论 0赞 19
  • 一桩弑父案，背后竟有这般阴谋
    文/苍兰香墨 我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,066评论 1赞 257
  • 情欲美人皮
    我被黑心中介骗来泰国打工， 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。 一个月前我还...
    沈念sama阅读 42,612评论 2赞 348
  • 代替公主和亲
    正文 我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
    茶点故事阅读 42,178评论 2赞 341