AngularJS http post not working with node server

Question

I have this code in my node backend server:

app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: true }));

And this is the api i.e. i want to call:

router.post('/update/:_id', function(req, res, next) {
    console.log("req.body:" + req.body);
}

This is my post request through angular 1:

var data = {something: "something"}
var url = 'http://localhost:8081/update/5982168b399ccf32ad75ce2e';

$http({
    withCredentials: false,
    method: 'POST',
    url: url,
    headers: {'Content-Type': 'application/x-www-form-urlencoded'},
    data: data
})
.then(function (response) {
    if (response.data) {
        console.log("Post Data Submitted Successfully!");
    }
}, function (response) {
    console.log("Error status: " + response.status)
});

I am using Angular 1.6.1 version.

I have tried everything and looked through countless posts but none helped me. I can see the body going through. But i got undefined req.body in the node side backend.

Any help would be appreciated.

Thanks.

Welcome to Stack Overflow! Questions seeking debugging help ("why isn't this code working?") must include the desired behavior, a specific problem or error and the shortest code necessary to reproduce it in the question itself. Questions without a clear problem statement are not useful to other readers. See: How to create a minimal reproducible example. Use the "edit" link to improve your question - do not add more information via comments. Thanks! — GhostCat
– GhostCat, Commented Aug 3, 2017 at 17:16
Already tried the change to application/json and did not work. — Cesar
– Cesar, Commented Aug 3, 2017 at 17:24
The routes are ok. I can see it going to the api. I can see the log, it just says undefined instead of having something inside. — Cesar
– Cesar, Commented Aug 3, 2017 at 17:25

squidwardprops02 · Accepted Answer · 2017-08-03 17:59:47Z

3

it could be the

headers: {'Content-Type': 'application/x-www-form-urlencoded'}

your data is in JSON format, not x-www-form-urlencoded

{something: "something"}

you could try this

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

by default you send JSON data in $http POST, so you may not need the header just take it out and try

===============================================================

also, your data may not be in valid format JS does not know what something is, it's not a variable right? you have to make it a string, even if its the key of a { "key": "value" } pair you could try this if above doesn't work

{
    "something": "something"
}

to verify your JSON https://jsonlint.com/

edited Aug 3, 2017 at 17:59

answered Aug 3, 2017 at 17:54

squidwardprops02

1356 bronze badges

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

Comments

yBrodsky · Accepted Answer · 2017-08-03 17:42:39Z

0

You need to stringify the data, and change the content type as was already said:

var data = {something: "something"}
var url = 'http://localhost:8081/update/5982168b399ccf32ad75ce2e';

$http({
    withCredentials: false,
    method: 'POST',
    url: url,
    headers: {'Content-Type': 'application/json'},
    data: JSON.stringify(data)
})

You should in addition make sure that you can make a POST to that url using Postman and that the body is received to discart a problem in the server. On a side note, consider using Angular Resource.

edited Aug 3, 2017 at 17:42

answered Aug 3, 2017 at 17:32

yBrodsky

5,0614 gold badges24 silver badges35 bronze badges

1 Comment

charlietfl Over a year ago

$http does this by default internally

Collectives™ on Stack Overflow

AngularJS http post not working with node server

2 Answers 2

Comments

1 Comment

Your Answer

Collectives™ on Stack Overflow

AngularJS http post not working with node server

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related