Not able to pass object with AngularJS to web backend

Question

Title says it all. I'm new to this so I'm sure it must be a simple mistake. Here's the controller

    $scope.removeProduct = function(product){
console.log(product._id);
    var inData = new Object();
    inData._id = product._id;
    console.log(inData);
    $http({ url:"/api/deleteprod/", inData, method: "POST"
            }).then(function () {
                        console.log("got here");
                        var index = $scope.vehicles.indexOf(product);
                        $scope.vehicles.splice(index, 1);

            })


};

and here's the server side.

module.exports = function(app, mongoose, config) {

    app.post('/api/deleteprod', function(req, res){
                    console.log("in app post",req);
    var MongoClient = mongodb.MongoClient;
    var url='mongodb://localhost:27017/seedsdev';
});
};

Obviously what I want is to pass the _id to the server so I can work with it, but when I output req it's about 50 pages long and has none of the info I wanted. Before it's passed the object can be seen to be fine fia console.log.

What's the rookie mistake I'm making?

Jacob · Accepted Answer · 2017-01-08 07:44:39Z

2

When calling $http, you pass the post data with a data property. Currently you're passing an inData property. Change to this:

$http({ url:"/api/deleteprod/", data: inData, method: "POST" }).then(...)

Update:

On the server side, you'll need to make sure you have a JSON parsing middleware, like that from body-parser:

app.use(require('body-parser').json())

Once you are parsing the body using body-parser, you'll have a req.body property with the parsed JSON.

edited Jan 8, 2017 at 7:44

answered Jan 8, 2017 at 7:36

Jacob

79k24 gold badges159 silver badges245 bronze badges

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

4 Comments

Furrowed Over a year ago

Already tried that, doesn't work. I've been reading/trying tutorials for hours.

Jacob Over a year ago

Can you elaborate on "doesn't work?" Is the POST not performed (check network tab in dev tools)? Is the server code not handling the request properly?

Furrowed Over a year ago

I still get 50 pages of gibberish in req. I tried outputing req.data and req.body as well but they came back undefined

Furrowed Over a year ago

Actually I'm an idiot. I just went to doublecheck and req.body works fine. Whoops.

squiroid · Accepted Answer · 2017-01-08 07:42:15Z

1

What you are missing are two below things.

1) Data in post request as suggested by @Jacob

2) A parser of Post param body-parser. //npm install body-parser --save This will help you to parse the POST data in node js.

So code would look like

$scope.removeProduct = function(product){
console.log(product._id);
    var inData = new Object();
    inData._id = product._id;
    console.log(inData);
    $http({ url:"/api/deleteprod/", data: inData, method: "POST"
            }).then(function () {
                        console.log("got here");
                        var index = $scope.vehicles.indexOf(product);
                        $scope.vehicles.splice(index, 1);

            })


};

IN Backend

var bodyParser = require('body-parser');
app.use(bodyParser.json()); // support json encoded bodies
app.use(bodyParser.urlencoded({ extended: true })); // support encoded bodies
   module.exports = function(app, mongoose, config) {

        app.post('/api/deleteprod', function(req, res){
                        console.log("in app post",req.body._id);
        var MongoClient = mongodb.MongoClient;
        var url='mongodb://localhost:27017/seedsdev';
    });
    };

answered Jan 8, 2017 at 7:42

squiroid

14.1k7 gold badges50 silver badges68 bronze badges

2 Comments

Furrowed Over a year ago

I think what I'm really missing is a brain, see the comments on the other post.

squiroid Over a year ago

Hehe happy coding :)

Collectives™ on Stack Overflow

Not able to pass object with AngularJS to web backend

2 Answers 2

4 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related