Question 253518 in Javascript Question posted in
A very good W3school tutorial can be found here.

Javascript – react js post data to node js server with axios

hello i have a axios request to post data to node js server but when i try to access to this data in the server i get that it not defined .
this is the function post data:

 function Submit() {

    let params={
        firstName:name,
        lastName:lastName,
        email:email,
        passwordKey:pass,
        statut:1
    }

    axios.post(`http://localhost:8080/new_user`,stringify(params))
    .then((response)=>(console.log(response)))



}

this is the route in index in node js server :

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

    
    const recived=req.body.params
    console.log(recived)
    /*const query = `INSERT INTO user  VALUES()`;
    db.query( query,function (error ,results){
        if(!error ){
            return  res.status(201).json(results)
        }
        else{
                //return   res.status(503).json({"message":"Error in connection"})
                return res.status(500).json(data)
        }
      

    })*/
    
    
})

this is the problem that i get in the server:

TypeError: Cannot read properties of undefined (reading 'params')
    at C:reactjsBack-endindex.js:65:28
    at Layer.handle [as handle_request] (C:reactjsBack-endnode_modulesexpresslibrouterlayer.js:95:5)      
    at next (C:reactjsBack-endnode_modulesexpresslibrouterroute.js:144:13)
    at Route.dispatch (C:reactjsBack-endnode_modulesexpresslibrouterroute.js:114:3)
    at Layer.handle [as handle_request] (C:reactjsBack-endnode_modulesexpresslibrouterlayer.js:95:5)      
    at C:reactjsBack-endnode_modulesexpresslibrouterindex.js:284:15
    at Function.process_params (C:reactjsBack-endnode_modulesexpresslibrouterindex.js:346:12)
    at next (C:reactjsBack-endnode_modulesexpresslibrouterindex.js:280:10)
    at serveStatic (C:reactjsBack-endnode_modulesserve-staticindex.js:75:16)
    at Layer.handle [as handle_request] (C:reactjsBack-endnode_modulesexpresslibrouterlayer.js:95:5)
Tags:

3

Answers


  1. 0

    For this issue you can write a code in index in node js by below way

    if(Object.keys(req.body).length > 0) {
   let firstName = {
             firstName : req.body.firstName,
             lastName : req.body.lastName,
             email:req.body.email,
             passwordKey:req.body.pass,
             status:req.body.status
            }
    }

    This will give you exact result.

    Login or Signup to reply.
  2. 0

    I suppose that you try to make a JSON content-type request. So, your axios POST request is wrong. Correct it like below :

    function Submit() {
    // ...
    axios.post("http://localhost:8080/new_user", {
        params,
    })
    .then((response)=>(console.log(response)))
}
    Login or Signup to reply.
  3. 0

    A quick reminder axios automatically handles JSON.stringify when you pass the data as the second argument to the post request handler so you dont need to do JSON.stringify() again. Here is what’s happening in the request:

    const t = JSON.stringify({hello: "World!"}); // results '{"hello":"World!"}'
const j = JSON.stringify(t); // results "{\"hello\":\"World!\"}"

    So you can check the result that you are receiving by logging the req.body in the nodejs backend.

    So here is how to resolve the issue:

     function Submit() {

    let params={
        firstName: name,
        lastName: lastName,
        email: email,
        passwordKey: pass,
        statut: 1,
    };

    axios.post('http://localhost:8080/new_user', params)
    .then((response)=>(console.log(response)));
}

    I hope this resolves your issue.

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search