Why form data is not posted from reactjs to expressjs?

Question

I am building an application based on reactjs and expressjs. In the process, I am not able to post form data from reactjs to expressjs.

Here I have tried so far:

Express Routes

router.post('/user_post',(req,res, next)=>{
     console.log(req.body);
     var name=req.body.n_name;
 
 res.send(name);
});

React

var fd1=new FormData();
fd1.append('n_entryDate',entryDate);
                  fd1.append('n_name',name);
                  fd1.append('n_username',username);
                  fd1.append('n_password',password);
                  fd1.append('n_nonAdmin',nonAdmin);
                  fd1.append('n_designation',designation);
                  fd1.append('n_address',address);
                  
                  axios({
                        method: 'post',
                        url:'user_post',
                        data: fd1,
                        headers: { 'Content-Type': 'application/json' }
                        
                      })
                  .then(function (response) {
                        alert(response.data);
                      })
                      .catch(function (error) {
                        alert(error);
                      });

Please let me know what is wrong.

Does this answer your question? [What does body-parser do with express?](https://stackoverflow.com/questions/38306569/what-does-body-parser-do-with-express) — Konrad, Aug 22 '23 at 06:19
there is mismatch between way you are sending data from React and how you are handling it in Express — Hasan Raza, Aug 22 '23 at 06:23
Can you try setting ```'Content-Type': 'multipart/form-data'``` as header — Oktay Yuzcan, Aug 22 '23 at 06:52

score 0 · Answer 1 · answered Aug 23 '23 at 16:27

0

In fact, there was an issue with cache. I cleared it, and everything worked. However, I thank you all.

answered Aug 23 '23 at 16:27

Indu Bhusan Nath

11
2

Why form data is not posted from reactjs to expressjs?

1 Answers1