AngualrJS - Post request in empty

Question

I have this simple array and I need to make a post request to a backend controller but every time I get a empty array []

Here my html:

<div class="input-container" ng-repeat="lang in languages">
    <label for="tagName">{{:: 'tagName' | translate }}</label>
    <input placeholder="{{:: 'tagName' | translate }}" id="tagName" type="text" ng-model="translations[lang]">
</div>

Here my JS:

$scope.createNewTag = function () {
    console.log($scope.translations);
    var data = $scope.translations;

    var method = 'post';
    var url = './tags';
    $http.post(url,data);      
};

The console.log($scope.translations); print: [en:"hello", it:"ciao"] but when I see in Chrome console the request playload is empty and in my controller I get an empty array.

What am I missing?

have you tried just passing just $scope.translations instead of var data? — alphapilgrim, May 12 '17 at 14:59
Yes, tried but still empty. If I hard code `data: { my_var: 'Hi'}` I get the result in the controller — Christian Giupponi, May 12 '17 at 15:14

score 0 · Accepted Answer · edited May 23 '17 at 12:34

0

you forgot to resolve the promise of the post call, if you don't you won't be able to handle the response.

$http.post('/someUrl', data)
 .then(function(resp){
   //success
 }), function(err){
   //catch exception
 });

https://docs.angularjs.org/api/ng/service/$http

Regarding the empty payload i'd look through the code to check if there is any http interceptors that manipulate the request before it triggers, maybe you changed the content-type header there and Angular is not able to serialize the data anymore.

maybe this could help you:

Angularjs $http POST request empty array

EDIT: i see that you're passing an array as an argument, but $http specs states that it must be a key-value pair object, try wrapping your array inside an object.

var params = {
  data: $scope.translations
}
$http.post('/someUrl', params)

edited May 23 '17 at 12:34

Community

1
1

answered May 12 '17 at 14:38

Karim

8,454
3
25
33

Ok, but the problem is that the data is not sent, I get an empty array in my php controller – Christian Giupponi May 12 '17 at 14:44
really strange, angular serialize the parameters in the payload by itself, does the call reach the endpoint? – Karim May 12 '17 at 14:45
If I hard code data: { my_var: 'Hi'} I get the result in the controller – Christian Giupponi May 12 '17 at 15:15
Still empty. The problem is in my data, I get `[en:"hello", it:"ciao"]` that is not a valid array, it should be: `[{en:"hello", it:"ciao"}]` but that is the data I get from the form and don't know how to change it – Christian Giupponi May 12 '17 at 15:29

AngualrJS - Post request in empty

1 Answers1