Angular $http POST sending empty object as body

Question

I have some pretty vanilla code, but can't seem to figure out the issue. On the server side, I get an empty object in the body of the request when sending the POST below. I'm using express on the server side. My server side works fine when I use Postman, so the server side isn't the issue as far as I can tell. From everything I can find, the code below should work just fine:

$http({
    method: 'POST',
    url: 'http://localhost:5000/authRequest',
    headers : { 'Content-Type' : 'application/json' },
    body: {
        'test' : 'test'
    }
});

Any thoughts?

"On the server side, I get an empty object in the body of the request" — Where is your server side code? How are you examining the body of the request? — Quentin
– Quentin, Commented Mar 13, 2017 at 13:05
Have you used the developer tools in your browser to look at the raw HTTP request? Is it formatted as you expect? Does it use the method you expect? — Quentin
– Quentin, Commented Mar 13, 2017 at 13:07
in angular $http there is no such propertybody it looks that you must read the official documentation here docs.angularjs.org/api/ng/service/$http. The correct property is the data one — Sarantis Tofas
– Sarantis Tofas, Commented Mar 13, 2017 at 13:08
@HoangHieu — I looked at the documentation. I don't see any mention of tyle (or type for that matter). method is correct. — Quentin
– Quentin, Commented Mar 13, 2017 at 13:08

Nehal Soni · Accepted Answer · 2017-03-13 13:29:54Z

5

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

There is no such parameter as 'body' in post request. You should use 'data':

$http({
              method: 'POST',
              url: 'http://localhost:5000/authRequest',
              headers : { 'Content-Type' : 'application/json' },
              data: {'test' : 'test'}
}).then(function(response){
   // your logic for viewing
});

answered Mar 13, 2017 at 13:29

Nehal Soni

1861 silver badge9 bronze badges

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

1 Comment

Will Brown Over a year ago

Geez. Thanks. Step 0: read the documentation and pay attention. Switched "body" to "data" and it works fine.

Collectives™ on Stack Overflow

Angular $http POST sending empty object as body

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related