AngularJS - Get和Post的$ resource不同的URL

Question

$ resource非常棒,提供了处理Web服务的非常方便的方法.如果必须在不同的URL上执行GET和POST,该怎么办？

例如,GET URL是,http://localhost/pleaseGethere/:id 而POST URL http://localhost/pleasePosthere没有任何参数

Answer 1

使用[actions]的'url'属性覆盖默认网址.

$resource(url, [paramDefaults], [actions], options);

例如:

$resource('http://localhost/pleaseGethere/:id',{},{
    getMethod:{
        method:'GET',
        isArray:true
    }
    postMethod:{
        url:'http://localhost/pleasePosthere',
        method:'POST',
        isArray:false
    }
}

Angular $资源的用法:http://docs.angularjs.org/api/ngResource/service/$resource

Answer 2

您应该能够将URL公开为参数.我能够做到这一点:

$provide.factory('twitterResource', [
    '$resource',
    function($resource) {
        return $resource(
            'https://:url/:action',
            {
                url: 'search.twitter.com',
                action: 'search.json',
                q: '#ThingsYouSayToYourBestFriend',
                callback: 'JSON_CALLBACK'
            },
            {
                get: {
                    method: 'JSONP'
                }
            }
        );
    }
]);

然后,您可以覆盖GET通话中的URL .

我在真正的简短测试中发现的一个警告是,如果我包含http://在URL字符串中,它就不起作用了.我没有收到错误消息.它什么也没做.

Answer 3

如果您将带有param名称的哈希添加到$ resource调用中:

$resource('localhost/pleaseGethere/:id', {id: '@id'});

然后在调用函数时将:id映射到id param(这将调用GET localhost/pleaseGethere/123):

Resource.get({id: 123});

对于POST,您只是不分配id参数:

Resource.post({}, {name: "Joe"});

将调用正确的URL,在本例中为POST localhost/pleaseGethere(尾部斜杠由ngResource剥离).

有关详细信息,请参阅http://docs.angularjs.org/api/ngResource.$resource - >示例 - >信用卡资源.

Answer 4

除了Iris Wong的回答之外,我想举例说明有多个方法和行动的多个参数:

angular
  .module('thingApp')
  .factory('ThingResource', ['$resource', '$state',  returnThing]);

和资源:

function returnThing($resource, $state) {
  var mainUrl = '/api/stuffs/:stuffId/thing'
  var params = {stuffId: '@_id', thingMongoId: '@_id', thingNumber: '@_id'}
  return $resource(mainUrl, params, {
    'save': {
      url: '/api/stuffs/:stuffId/thing/:thingMongoId',
      method: 'POST',
      interceptor: {
        responseError: function(e) {
          console.warn('Problem making request to backend: ', e)
          $state.go('oops')
        }
      }
    },
    'get': {
      url: '/api/stuffs/:stuffId/thing/:thingMongoId',
      method: 'GET',
      interceptor: {
        responseError: function(e) {
          console.warn('Problem making request to backend: ', e)
          $state.go('oops')
        }
      }
    },
    'assignThing':{
      method: 'POST',
      url: '/api/stuffs/:stuffId/thing/assign/:thingNumber'
    }
  });
}

这提供了3种不同的方法:

// POST to http://currnt_base_url/api/stuffs/:stuffId/thing/:thingMongoId
ThingResource.save({
    stuffId:'56c3d1c47fe68be29e0f7652', 
    thingMongoId: '56c3d1c47fe6agwbe29e0f11111'})

// GET to current http://currnt_base_url/api/stuffs/:stuffId/thing/:thingMongoId
ThingResource.get({
    stuffId:'56c3d1c47fe68be29e0f7652', 
    thingMongoId: '56c3d1c47fe6agwbe29e0f11111'})

// POST to http://currnt_base_url/api/stuffs/:stuffId/thing/assign/:thingNumber
ThingResource.assignThing({
    stuffId:'56c3d1c47fe68be29e0f7652', 
    thingNumber: '999998'})