CODEWITHSUNDEEP
javascriptangularjsnode.js
erevos13
erevos13

Reputation: 411

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

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  
});

Upvotes: 0

Views: 94

Answers (2)

Marcus H&#246;glund
Marcus H&#246;glund

Reputation: 16856

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);
        });
    };
}]);

Upvotes: 1

GMaiolo
GMaiolo

Reputation: 4628

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

Upvotes: 0

Related Questions