Sending data from AngularJs to NodeJs issue

Question

I'm gonna start by showing you my code

Angular Code: app.js

$scope.submit = function(){
$scope.jsonData={
                 "status":"OK",
                 "data":{
                        "nbOperatorPresent": $scope.nbOperatorPresent,
                        "objectif1stHour": $scope.objectif1stHour,
                        "objectif2ndHour": $scope.objectif2ndHour,
                        "objectif3rdHour": $scope.objectif3rdHour,
                        "objectif4thHour": $scope.objectif4thHour,
                        "objectif5thHour": $scope.objectif5thHour,
                        "objectif6thHour": $scope.objectif6thHour,
                        "objectif7thHour": $scope.objectif7thHour,
                        "objectif8thHour": $scope.objectif8thHour
                        }
                }
                $http.post("http://localhost:5000/settings",
JSON.stringify($scope.jsonData)).success(function(data,status){
                        console.log('success')
                    })
}

NodeJs Code: index.js

app.post('/settings',urlencodedParser,function(req,res){
         console.log(req.body)
})

As you can see, I have a button to submit the data inserted by the user and send it to the server.

My problem is, when I hit submit, there is nnothing in my browser console, I mean console.log('Success !') didn't work, that is to say that all the code inner the .success(function(data,status)) won't be executed so I can't notify the user that he has submitted Successfully, I don't know where the problem came from !!

BUT In the other console console.log(req.body) I found all the data that has been passed from Angular.

Can anyone explain this to me ? I've tried other solutions but always the same problem :(

Are you getting any error in console? Of you are using version of angularjs then .success callback is no longer exists you need to use .then functuon. — Ravi Kumar
– Ravi Kumar, Commented Aug 23, 2017 at 2:47
No I don't get any error, but the problem is that the node.js is not returning anything — Anes El Gongi
– Anes El Gongi, Commented Aug 23, 2017 at 2:49

Judson Terrell · Accepted Answer · 2017-08-23 02:50:12Z

1

To expand on the answer...

Please note if you are unfamiliar with node and express you may want to get in the habit of returning

res.send(success: true, data: res).end()

Its very typical on the angular or UI side to be able to parse as response.data object. Just a suggestion.

and change to this:

.success(function(res,status){
       console.log(res.success, res.data)
 })

This is a very common architecture especially when dealing with web services that you have not control over.

answered Aug 23, 2017 at 2:50

Judson Terrell

4,3262 gold badges32 silver badges51 bronze badges

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

Comments

Mark S. · Accepted Answer · 2017-08-23 02:43:18Z

1

You're not returning anything from the node.js code. You need to add in a returning data like:

app.post('/settings',urlencodedParser,function(req,res) {

    console.log(req.body)    
    res.send("Success") 

})

answered Aug 23, 2017 at 2:43

Mark S.

4,0274 gold badges25 silver badges25 bronze badges

1 Comment

Anes El Gongi Over a year ago

Thank you, I don't know why I didn't notice that

Collectives™ on Stack Overflow

Sending data from AngularJs to NodeJs issue

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related