Angular $http is not sending data

Question

I know it has been solved here many times, but I'm still not able to get it working.

My js call is:

var data = { value: 7 };
$http.post('api/controller/method', data);

But in fiddler there is no Content-Type and no JSON data. I want the Content-Type to be 'application/json' which should be default, right?

Thanks

Still not working. It's sending OPTIONS verb instead POST (posting against WebApi2). When I compose a POST in fiddler, it is working though — o..o
– o..o, Commented May 27, 2016 at 14:54
Sounds like you are trying to do a cross-domain POST. The browser will send OPTIONS if you are doing a cross-domain request. — Gillespie
– Gillespie, Commented May 27, 2016 at 14:58
Is the server responding to OPTIONS? The server should return Access-Control-Allow-Methods: POST. — Gillespie
– Gillespie, Commented May 27, 2016 at 15:07

Rodrigo Garcia · Accepted Answer · 2016-05-27 14:55:40Z

1

var data = { value: 7 };
$http({
        url: "api/controller/method",
            method: "POST",
            headers: {'Content-Type': 'application/x-www-form-urlencoded'},
            data: $.param(data)
        }).success(function(data, status, headers, config) {
            //some code when success post
            }).error(function(data, status, headers, config) {
            //some code when error post
        });

answered May 27, 2016 at 14:55

Rodrigo Garcia

581 silver badge7 bronze badges

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

5 Comments

o..o Over a year ago

Helped, thanks. But why the urlencoded is working instead of applicaion/json?

o..o Over a year ago

And it will not work when the simple value like 7 will be sent.

Rodrigo Garcia Over a year ago

This link answer your cuestion about the urlencoded @matt-bridges

Rodrigo Garcia Over a year ago

And why wil not work with the simple value?, You have to check in the back end what parameters you are receiving and give an response

o..o Over a year ago

When I send just 7, I read 0 on server. When I wrap it into var post = { data: 7 }, I have the object with property data = 7 on the server. Simple value does not work to me.. I have solved it with generics on the server side, but I don't get it why..

Raghav Patel · Accepted Answer · 2016-05-27 15:16:25Z

0

Try this:

var response = $http.post('api/controller/method', data);
response.success(function(data, status1, headers, config) {
    //
}

answered May 27, 2016 at 15:16

Raghav Patel

8537 silver badges23 bronze badges

Collectives™ on Stack Overflow

Angular $http is not sending data

2 Answers 2

5 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

Comments

Linked

Related