在AJAX请求上发送JSON对象，在服务器上未定义

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?

Answer 1

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;

Answer 2

根据使用的框架，您的请求req.body可能会在req.body