Cannot post data from Angular.js to Node.js

Question

I am creating a MEAN stack application using AngularJS and Node.js.

Here is my AngularJS code:

app.js:

    var app = angular.module('crudApp', ['ngRoute']);

    app.config(['$routeProvider','$locationProvider', 
        function($routeProvider,$locationProvider){
            $routeProvider
                .when('/employees/create', {
                    templateUrl : 'create.html',
                    controller  : 'EmployeeController'
                }).when('/nothing', {
                    templateUrl : 'main.html',
                    controller  : 'mainController'
                });
            $locationProvider.html5Mode(true);
    }]);

    app.controller('EmployeeController',function($scope,$http) {
        $scope.save = function(data) {
            $scope.data = JSON.stringify(data);
            console.log(data);
            $http.post("http://localhost:8080/employees/create-employee",$scope.data).then(function(response) {
                console.log("posted successfully");
            });
        };
    });

Here is my Node.js code:

server.js:

var express  = require('express');
var app      = express();
var cors     = require('cors');
var bodyParser = require('body-parser');
app.use(cors());

app.use(express.static(__dirname + '/angularjs/public'));

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

app.use('*',function(req, res) {
    res.sendFile(__dirname + '/angularjs/public/index.html');
});

require('./node/routes')(app);

app.listen(8080);

routes.js:

module.exports = function(app) {
  app.get('/employees/create-employee',function(req,res) {
      console.log(req.body);
});

Angular part is working fine, displays data in console, posting the data and getting "posted successfully" message.

But in node, I am unable to get the posted data in req.body.

I am getting the "create.html" content when I checked in browser "network".

Need someone's help.

Shubham Dixit · Accepted Answer · 2018-10-15 11:07:03Z

1

Use this

module.exports = function(app) {
  app.post('/employees/create-employee',function(req,res) {
      console.log(req.body);
});

And for get you should use req.params

module.exports = function(app) {
  app.get('/employees/create-employee',function(req,res) {
      console.log(req.params);
});

answered Oct 15, 2018 at 11:07

Shubham Dixit

9,2685 gold badges32 silver badges50 bronze badges

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

3 Comments

Sta-Dev Over a year ago

thanks. but still i am not getting the data in my node.js console

Shubham Dixit Over a year ago

pls show the sample data you are sending with the request

Shubham Dixit Over a year ago

try adding -headers: { 'Content-Type': 'application/json; charset=utf-8' }

Collectives™ on Stack Overflow

Cannot post data from Angular.js to Node.js

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related