How to get object returned by POST method using angular $resource?

Question

I have the following POST method in my Web API Controller:

        [HttpPost]
        public async Task<IHttpActionResult> Post(Hotspot hotspot)
        {
            try
            {
                int id = await SomeMethod();
                return Ok(id);
            }
            catch (ArgumentException e)
            {

                return BadRequest(e.Message);
            }
        }

And then I make the POST request and try to get the id:

var hotspots = $resource('/api/adminhotspots', { save: { method: 'POST' } });
hotspots.save($scope.hotspot).$promise.then(function (id) {
     console.log(id);
});

Unfortunately, I get a $promise object. My console shows:

m
  $promise : d
  $resolved : true

I can check that the server sends the parameter correctly in the Network tab in my Developer Console. And it is correct, indeed.

Why doesn't the $resource catch the parameter and what can I do about it?

Thank YOU!

did you try to remove the .$promise. Because the save method already returns a promise — Manu Obre, Jan 04 '17 at 20:30
@ManuelObregozo I have, but then I get the following error: save().then() is not a function.. — Ionna, Jan 04 '17 at 20:36

Manu Obre · Answer 1 · 2017-01-04T21:00:38.630

0

Try the following, this should works:

 var hotspots = $resource('/api/adminhotspots');
    hotspots.save($scope.hotspot,{}, function (response) {
         console.log(respose);
    });

Rememer that non-GET "class" actions have this parameters:

Resource.action([parameters], postData, [success], [error])

edited Jan 04 '17 at 21:00

answered Jan 04 '17 at 20:43

Manu Obre

2,254
1
12
12

Oh yes, I've also tried this, but I get the very same thing. The **response** object will be look just the same. – Ionna Jan 04 '17 at 20:53
$scope.hotspot is a parameters or data to post? Check again the success function must be the 3rd parameter. – Manu Obre Jan 04 '17 at 21:01
$scope.hotspot is the data to post, not the parameter. Anyway, as the parameters are optional, the function will clearly be interpreted as the [success] parameter. – Ionna Jan 04 '17 at 21:10
Check this http://stackoverflow.com/questions/23599277/resource-success-callback-returning-promise seems like this is happening due to a null response from the server. – Manu Obre Jan 04 '17 at 21:15
No, the response is not null, as I've already specified in the question text. The response contains the expected integer. – Ionna Jan 04 '17 at 21:21

score 0 · Accepted Answer · answered Jan 07 '17 at 21:34

Because I have managed to detect the wrong point in my code, I'll post an answer myself so that others could be helped.

It seems that sending a primitive variable was the problem. The client packs the data received from the server into a $resource object and the primitive variable (int in my case) is lost.

The solution was to send the integer as an object. For the sake of simplicity I will only add some brackets to that variable just like in these lines:

[HttpPost]
public async Task<IHttpActionResult> Post(Hotspot hotspot)
{
    try
    {
        int id = await SomeMethod();
        return Ok(new {id});
    }
    catch (ArgumentException e)
    {

        return BadRequest(e.Message);
    }
}

At the client the id can be obtained as such:

hotspots.save($scope.hotspot).$promise.then(function (response) {
     console.log(response.id);
});

How to get object returned by POST method using angular $resource?

2 Answers2