Sending data from Angular to Express

Question

I don't understand why I cannot get the data I POST form with Angular.js Express.

Angular Part :

$http.post(baseURL+"/search", data).success(function(data, status) {
        $scope.results = data;
    });

Express Part :

app.use(bodyParser.urlencoded({ extended: false })); 
app.post('/search', function(req, res){
    console.log(req.query, req.body, req.params);
});

The log is {} {} {}. I can't figure out what am I doing wrong.

I also tried :

$http({
    method: "POST",
    url : baseURL+"/search",
    data : {name: 'tete'},
    headers: {'Content-Type': 'application/json'}
}).success( function(data){
    console.log(data);
});

It doesn't work too.

Ben Fortune · Accepted Answer · 2015-08-03 12:56:45Z

4

Angular sends data as JSON by default.

$httpProvider.defaults.headers.post //Content-Type: application/json

You're only including the urlencoded body-parser middleware. You need to include bodyParser.json().

app.use(bodyParser.json()); 
app.post('/search', function(req, res){
    console.log(req.body);
});

answered Aug 3, 2015 at 12:56

Ben Fortune

32.2k10 gold badges82 silver badges82 bronze badges

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

Comments

JacobMiki · Accepted Answer · 2015-08-03 13:01:24Z

1

It seems that Angular $http service sends data as JSON and you're missing appropriate bodyParser.

Try replacing your bodyParser with app.use(bodyParser.json()); before your POST route in Express.

answered Aug 3, 2015 at 13:01

JacobMiki

2862 silver badges11 bronze badges

Collectives™ on Stack Overflow

Sending data from Angular to Express

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related