Sending JSON Object on AJAX Request, Undefined on Server

Question

I am using an XMLHttpRequest like this:

xml.send(JSON.stringify({ingredients: this.state.ingredients}));

to send an object (this.state.ingredients) to the server. I'm pretty confident that it is being sent correctly, because in Chrome Dev Tools under Network tab the request payload looks right. However I've tried a bunch of different things on the server to grab that object and I can't get anything but undefined.

Currently it looks like this:

router.post('/recipes/:recipe_id/add', function(req, res) {
  let ingredients = req.ingredients;
  console.log(ingredients)
}

but I've also tried using JSON.parse among other attempts. What am I doing wrong here?

Hi please you should first do something like this to debug before the xml.send console.log(this.state.ingredients); This is to ensure that the this.state.ingredients isn't the one that is undefined — Ezekiel
– Ezekiel, Commented Jan 7, 2018 at 0:37

Arkerone · Accepted Answer · 2018-01-07 00:33:59Z

2

If you use express, install body-parser :

npm install --save body-parser

and use it :

const bodyParser = require('body-parser');
app.use(bodyParser.json()); 
app.use(bodyParser.urlencoded({ extended: true }));

and try :

let ingredients = req.body.ingredients;

answered Jan 7, 2018 at 0:33

Arkerone

2,0462 gold badges23 silver badges35 bronze badges

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

Comments

ggradnig · Accepted Answer · 2018-01-07 00:33:57Z

0

Depending on the used framework, your Request Body will probably be in req.body

answered Jan 7, 2018 at 0:33

ggradnig

14.3k4 gold badges44 silver badges66 bronze badges

Collectives™ on Stack Overflow

Sending JSON Object on AJAX Request, Undefined on Server

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related