Cant read post from Fetch in node

Question

I'm posting the data {id: "abc123", text: "sometext"} to a node API. Posting from a component with action call:

export function addTextToAPI(inputData) {
    return(dispatch) => {
        console.log(inputData),
        dispatch(addText(inputData))
         fetch(myapi, { 
            headers: {
               'Accept': 'application/json',
               'Content-Type': 'application/json'
            },
            method: 'POST',
            data:  inputData
      })
        .then(res => res.json())
    }
}

console.log(inputData) is {id: "abc123", text: "sometext"}

node:

var express    = require('express');
var bodyParser = require('body-parser');

var app = express();

app.use(bodyParser.json());

app.post('/addtest', (req, res) => {

    console.log(req.body);        // <= returns blank object {}

    console.log(req.body.data);   // <= returns undefined

    console.log(req.query);       // <= returns blank object {}

    console.log("test added");      

});


app.listen(3000);

I want to be able to read the inputData in req. How do I do that? I want to be able to read the inputData in req. How do I do that?

I've also tried JSON.stringify(inputdata) but it doesn't work. — Somename
– Somename, Commented Sep 15, 2017 at 23:20
@Phix .. Updated the fetch in question. Please have a look. — Somename
– Somename, Commented Sep 15, 2017 at 23:25

mkhanoyan · Accepted Answer · 2017-09-18 21:24:46Z

3

To post data you need to pass in a body param to fetch.

This should work:

export function addTextToAPI(inputData) {
    return(dispatch) => {
        console.log(inputData),
        dispatch(addText(inputData))
         fetch(myapi, { 
            headers: {
               'Accept': 'application/json',
               'Content-Type': 'application/json'
            },
            method: 'POST',
            body: JSON.stringify(inputData)
      })
        .then(res => res.json())
    }
}

edited Sep 18, 2017 at 21:24

answered Sep 15, 2017 at 23:31

mkhanoyan

2,06919 silver badges15 bronze badges

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

4 Comments

Somename Over a year ago

passing body doesn't work. Now I'm not even getting any console logs from node. Changing back to data console log is working. I thing passing body doesn't call node at all.

mkhanoyan Over a year ago

try JSON.stringify ing inputData and passing it as body

Somename Over a year ago

That worked! JSON.stringify did the trick. Why do I need to add body and can't pass it like any other param?

mkhanoyan Over a year ago

This is in the fetch spec, meaning it is just how the api is designed - you have to pass a body.

Collectives™ on Stack Overflow

Cant read post from Fetch in node

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related