Angular $http.post: cannot send objects with data to server. Data as a string works, as an object - not

Question

I want to send data to server using this function:

var _register = function (email, password, passconfirmation) {
    var data = {
        "Email": email,
        "Password": password,
        "ConfirmPassword": passconfirmation
    };

    return $http.post('/api/Account/Register', data, {
        headers: { 'Content-Type': 'application/x-www-form-urlencoded' }
    });
}

It doesn't work. My ASP.net web api doesn't receive any data. Every variable on server-side is "null". But when I do this this way:

var _register = function (email, password, passconfirmation) {
    var data = "email=" + email + "&password=" + password + "&ConfirmPassword=" + passconfirmation;

    return $http.post('/api/Account/Register', data, {
        headers: { 'Content-Type': 'application/x-www-form-urlencoded' }
    });
}

Everything works great. The problem is: the first way is much clearer than the second one, so I want to use the first one. But I have no idea what's wrong :/

See this answer (stackoverflow.com/questions/20226169/…)

LiamB
– LiamB

2015-07-21 11:05:42 +00:00
Commented Jul 21, 2015 at 11:05 — LiamB
– LiamB, Commented Jul 21, 2015 at 11:05

manivannan · Accepted Answer · 2015-07-21 11:09:22Z

2

remove the headers in post or change the headers like the following

 headers: { 'Content-Type': 'application/json' }

your code should be

var _register = function (email, password, passconfirmation) {
    var data = {
        "Email": email,
        "Password": password,
        "ConfirmPassword": passconfirmation
    };

    return $http.post('/api/Account/Register', data, {
        headers: { 'Content-Type': 'application/json' }
    });
}

answered Jul 21, 2015 at 11:09

manivannan

6221 gold badge4 silver badges17 bronze badges

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

Comments

aminner · Accepted Answer · 2015-07-21 11:06:25Z

2

I've had this issue in the past. Try

JSON.stringify(data)

Before passing it to the post. The object binder on the other side should be able to accept it then.

answered Jul 21, 2015 at 11:06

aminner

3593 silver badges10 bronze badges

Comments

ngLover · Accepted Answer · 2015-07-21 11:22:11Z

0

you need to do like this ..

since AngularJS, transmits data using

Content-Type: application/json

 return $http.post('/api/Account/Register', {'dataObj' : data  }, {
        headers: { 'Content-Type': 'application/json' }
    });

Your data should be a key/val pair, try: data variable will get to the server under the parameter dataObj

edited Jul 21, 2015 at 11:22

answered Jul 21, 2015 at 11:10

ngLover

4,6183 gold badges23 silver badges42 bronze badges

Collectives™ on Stack Overflow

Angular $http.post: cannot send objects with data to server. Data as a string works, as an object - not

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related