AngularJS: Post nested JSON parameter

Question

I want to post nested JSON parameters to my rails app. It works with jquery:

$.ajax({
                type : 'POST',
                dataType : 'json',
                url : 'https://example.com/users/sign_in.json',                                
                data : {
                    user : {
                        email : $('input[name="email"]').val(),
                        password : $('input[name="password"]').val()
                    }
                }
            }).success(...

But how does it work with AngularJS? Posting non-nested parameters works:

$http({ method: 'POST', 
            url: 'https://xxx.herokuapp.com/users/sign_in.json',
            data: {email: $scope.user.email, password:$scope.user.password}
            }).success(...

But how do I post nested parameters? Any ideas? Thank you in advance!

it should work the same way. what happens when you try to post it with the user{} object? — Sonic Soul
– Sonic Soul, Commented Feb 20, 2014 at 22:55
What doesn't work about it? Your angular example isn't nested, its a simple object. — tymeJV
– tymeJV, Commented Feb 20, 2014 at 22:55

Darren Wainwright · Accepted Answer · 2014-02-20 23:10:45Z

3

Your examples are actually different, I.E in your jquery one you have a user json object, but you don't in your angular one, you're just giving email and password and haven't actually wrapped them in a user

Have you tried changing this:

data: {email: $scope.user.email, password:$scope.user.password}

for this:

 data: { user : { email: $scope.user.email, password:$scope.user.password } }

answered Feb 20, 2014 at 23:10

Darren Wainwright

30.8k22 gold badges87 silver badges131 bronze badges

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

Comments

Jorge Guerola · Accepted Answer · 2014-02-20 22:57:58Z

2

Instead Data use params. I hope it helps

 $http({
                method: 'POST', 
                url: 'https://xxx.herokuapp.com/users/sign_in.json',
                params: {email: $scope.user.email, password:$scope.user.password }  

  }).success(function (response, status, headers, config) {

answered Feb 20, 2014 at 22:57

Jorge Guerola

2,0821 gold badge17 silver badges18 bronze badges

2 Comments

sebvst Over a year ago

My JSON should look sth like: {user:{email:"[email protected]", password: "secret"}}. But it looks like: {email: "[email protected]", password: "secret"}

Matthew Over a year ago

params is used for 'GET' methods and data is used for 'POST' methods

Collectives™ on Stack Overflow

AngularJS: Post nested JSON parameter

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