post data - ngResource AngularJS

Question

Hello !
I develop a RESTful webapp with AngularJS, I use the ngResource module to send http requests. The webservice is developped with FuelPHP.

I'm having a problem to creating a resource with the $save method of ngResource. My web service doesn't receive post data.

When I check the http request with Firebug, I can see the post data.

I don't understand why the post data are not received by the webservice. So if you have an idea, it would be cool to help me.

Sorry for my bad level in English.

Here is the code :

Service : 
app.factory('Medication', ['$resource', 'global', function ($resource, global) {
    return $resource(global.API+'/medication/medication', {}, {})
}])

Method in the controller : 
$scope.addMedication = function() {
    var newMed = new Medication();
    newMed.name = 'nameValue';
    newMed.increaseinr = 1;
    newMed.details = 'detailsValue';
    newMed.$save();
}

Matt Pileggi · Accepted Answer · 2014-01-29 19:46:03Z

1

I believe this is an issue with how PHP is handling the POST. When using AngularJS $resource it will POST the object with JSON as the post's BODY. PHP does not see this as a regular parameter. I've had to do this in other PHP (never used Fuel)

$requestBody = file_get_contents('php://input');
$requestBody = json_decode($requestBody, true);

Then you should be able to inspect $requestBody as a normal json object.

answered Jan 29, 2014 at 19:46

Matt Pileggi

7,2364 gold badges19 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

user2167582 · Accepted Answer · 2014-01-29 18:16:33Z

0

You need to config the $save method with a request method of 'POST'

answered Jan 29, 2014 at 18:16

user2167582

6,45816 gold badges72 silver badges135 bronze badges

1 Comment

GuillaumeP Over a year ago

I think that the default type of the save method is POST. Anyway, I tried it and it doesn't works. app.factory('Medication', ['$resource', 'global', function ($resource, global) { return $resource(global.API+'/medication/medication', {}, { "save": {method:"POST"} } ) }])

Milky · Accepted Answer · 2014-06-05 15:44:30Z

0

you can set the default option 'transformRequest' of $http to change the transfer formation of the post data.

var myApp = angular.module('myApp');  

myApp.config(function ($httpProvider) {  
    $httpProvider.defaults.headers.post["Content-Type"] = "application/x-www-form-urlencoded";
    $httpProvider.defaults.transformRequest = function(data){  
        if (data === undefined) {  
            return data;  
        }  
        return $.param(data);  
    }  
});

answered Jun 5, 2014 at 15:44

Milky

1

Comments

GuillaumeP · Accepted Answer · 2015-08-07 08:25:11Z

0

Thanks for your answers.
Indeed, data is post in the request's body.
With FuelPHP, I used Input::json('key') to get the values (and not Input:post('key'))

edited Aug 7, 2015 at 8:25

answered Feb 1, 2014 at 13:05

GuillaumeP

5245 silver badges19 bronze badges

Collectives™ on Stack Overflow

post data - ngResource AngularJS

4 Answers 4

Comments

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related