AngularJs POST json data stored in $scope through ajax

Question

I'm getting mad: I'm working with angular js and I don't know how to post data correctly.

I've filled some html input fields, whose values are stored in (ex.) $scope.prodotto, and I must send the json structure of $scope.product to a webservice I've written.

Unfortunately using the inspector, I' can't see anything.

I mean: I've written this:

$scope.salva = function() {
    console.log($scope.prodotto);

    $http.post('./service/prodotti/create', $scope.prodotto).error(function(data, status, headers, config){
        console.log($scope.prodotto);
    });

};

Salva is binded to a button. through ng-click argument. When I click the button, "salva" is triggered. I see that $scope.prodotto is populated with the right values (thanks to console.log), but...the server receives nothing, and the browser doesn't send anything (inspecting the req with chrome's inspector, shows an empty array)

So what am I doing wrong?

Thanks in advance!

Your angular looks right. What is with the . in your server path? — Fresheyeball
– Fresheyeball, Commented Feb 18, 2014 at 22:24
It's a relative path from the root of the app I'm writing, where the service is. and is right (I suppose) because all get requests works like a charm — ubi_v
– ubi_v, Commented Feb 18, 2014 at 22:28

2 revs · Accepted Answer · 2015-02-12 07:16:57Z

1

I've found the solution.

Unfortunately the variable "$scope.prodotto" has been initialised as an array:

$scope.prodotto = [];

The solution is simple. Initialize it as an object:

$scope.prodotto = {};

That's it.

edited Feb 12, 2015 at 7:16

community wiki

2 revs
ubi_v

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

Comments

koolunix · Accepted Answer · 2014-02-18 22:39:59Z

0

You are only checking the ajax call if there is an error with your original post. you need to use the success callback like this:

$scope.salva = function() {
    console.log($scope.prodotto);

    $http.post('./service/prodotti/create', $scope.prodotto)
    .success(function(data, status, headers, config){
        console.log($scope.prodotto);
    });
    .error(function(data, status, headers, config){
        console.log($scope.prodotto);
    });

};

answered Feb 18, 2014 at 22:39

koolunix

1,99516 silver badges25 bronze badges

2 Comments

ubi_v Over a year ago

I know it bro, thank you, but the point is that inspecting the request from Chrome, my post request is EMPTY. this is the point. :)

koolunix Over a year ago

Sorry this might be of help-> victorblog.com/2012/12/20/…

Collectives™ on Stack Overflow

AngularJs POST json data stored in $scope through ajax

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related