Send data from React to Node js

Question

I'm trying to send data from React to Node js. I'm using Ajax. I don't get data by Node.js

This is my code on React :

let id = item.id

 $.ajax({
            url: '/postid',
            type: 'POST',
            data: id

        });
        console.log('React id  : ' + id);

And my code on Node.js

app.post('/postid', function (req, res) {

        console.log("node js ok");
        var getId = req.body.id; // here, i don't get the id value
        console.log("id Node js : " + getId);       
    });

Do you have an idea ? Thank you

The id is a string i suppose?

Mustafa Mamun
– Mustafa Mamun

2017-06-15 09:26:27 +00:00
Commented Jun 15, 2017 at 9:26 — Mustafa Mamun
– Mustafa Mamun, Commented Jun 15, 2017 at 9:26
yes it's a string

Anaïs Saez
– Anaïs Saez

2017-06-15 09:29:33 +00:00
Commented Jun 15, 2017 at 9:29 — Anaïs Saez
– Anaïs Saez, Commented Jun 15, 2017 at 9:29
Try the answer I gave.

Mustafa Mamun
– Mustafa Mamun

2017-06-15 09:30:43 +00:00
Commented Jun 15, 2017 at 9:30 — Mustafa Mamun
– Mustafa Mamun, Commented Jun 15, 2017 at 9:30
Have you used body-parser at node js server?

Ritesh Bansal
– Ritesh Bansal

2017-06-15 09:34:57 +00:00
Commented Jun 15, 2017 at 9:34 — Ritesh Bansal
– Ritesh Bansal, Commented Jun 15, 2017 at 9:34
No .. I'm not using body parser

Anaïs Saez
– Anaïs Saez

2017-06-15 09:37:39 +00:00
Commented Jun 15, 2017 at 9:37 — Anaïs Saez
– Anaïs Saez, Commented Jun 15, 2017 at 9:37

Ritesh Bansal · Accepted Answer · 2017-06-15 09:42:01Z

1

Do it like this at the frontend:

$.ajax({
  url: '/postid',
  type: 'POST',
  data: JSON.stringify({ id: 'id here' })
});

Use body-parser at the node js server otherwise, you will not be able to get parameters from the request body.

answered Jun 15, 2017 at 9:42

Ritesh Bansal

3,2482 gold badges18 silver badges23 bronze badges

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

1 Comment

Anaïs Saez Over a year ago

You're right , i import body-parser, and it works , thank you :) !

Kacper Wiszczuk · Accepted Answer · 2017-06-15 10:07:38Z

1

You should probably use more modern approach like FetchAPI. Use it with Polyfill, because it is not fully supported in all the browsers. With fetch your code will look like this:

fetch('/postid', {
  method: 'POST',
  // headers: {} <-- You can include some headers if you want
  body: JSON.stringify({id: id})

}).then(function(response) {
   return response.json();

}).then(function(json) {
  // json -> is your response from server

}).catch(function(error) {
  // Handle errors here

});

answered Jun 15, 2017 at 10:07

Kacper Wiszczuk

2,04714 silver badges15 bronze badges

Comments

Mustafa Mamun · Accepted Answer · 2017-06-15 09:28:42Z

0

Can you try this

$.ajax({
        url: '/postid',
        type: 'POST',
        data: {"id": id}

    });
    console.log('React id  : ' + id);

answered Jun 15, 2017 at 9:28

Mustafa Mamun

2,6512 gold badges17 silver badges18 bronze badges

3 Comments

Anaïs Saez Over a year ago

it doesn't work .. I have an error on node console : "cannot read property id of undefined "

Mustafa Mamun Over a year ago

Do you have bodyparser and cors in you express app

Anaïs Saez Over a year ago

I did'nt have bodyparser, i import it and it works, thank you :)

Collectives™ on Stack Overflow

Send data from React to Node js

3 Answers 3

1 Comment

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related