$http in Angular how to post from form data in to nodejs

Question

I have this form and the data is not appear they do not pass to my back end :

<div ng-controller="searchController">
<form ng-submit="submit()">
    <input type="text" name="name" ng-model="namegirl" />
    <input type="text" name="namewod" ng-model="namewod" />
    <input type="submit"/>
</form>

Now in my controller in script.js is this:

myApp.controller('searchController', ['$scope', '$filter', '$http', function ($scope, $filter, $http) {

    let data = {
        namegirl  :$scope.namegirl,
        name      :$scope.namewod
    };

    console.log(data);

    $http.post('/wodsearch',data)
    .success(function (response) {
        console.log(response.data);
    })
    .error(function (response, status) {
        console.log(response);
    });

}]);

Now i wand to pass my data from my form to the nodejs in my server i have this code:

app.post('/wodsearch',function(req, res ,next){
    // how to get here the data from my angular  
});

Possible duplicate of How do I consume the JSON POST data in an Express application — Punit Gupta
– Punit Gupta, Commented Sep 1, 2017 at 13:01

Marcus Höglund · Accepted Answer · 2017-09-01 13:15:16Z

1

You call ng-submit="submit()" when you post the form but there is no submit() method in the searchControllers scope. Add it like this

myApp.controller('searchController', ['$scope', '$filter', '$http'
, function ($scope, $filter, $http) {

    $scope.submit = function (){
        let data = {
            namegirl  :$scope.namegirl,
            name      :$scope.namewod
        };

        console.log(data);

        $http.post('/wodsearch',data)
        .success(function (response) {
            console.log(response.data);
        })
        .error(function (response, status) {
            console.log(response);
        });
    };
}]);

answered Sep 1, 2017 at 13:15

Marcus Höglund

16.9k11 gold badges53 silver badges72 bronze badges

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

Comments

GMaiolo · Accepted Answer · 2017-09-01 12:59:10Z

0

Assuming you're using Express. Then the data should be in req.body.

answered Sep 1, 2017 at 12:59

GMaiolo

4,6681 gold badge26 silver badges39 bronze badges

Collectives™ on Stack Overflow

$http in Angular how to post from form data in to nodejs

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related