How to post HTML form data in NodeJs backend | NodeJs | ExpressJs

This video requires pre knowledge of Basics of Backend in NodeJs and Express Js.

I will also upload "how to save login data to a database in future" 😊😊🙂😙

For absolute beginners I will upload a new playlist of Basics of HTML and CSS. So if you want to learn it then please subscribe.

Also this channel is quite new so please share with your friends who are likely to learn web development.

NodeJs, ExpressJs,Html,Css,Javascript

[thedrew]

awesome tutorial you explained some concepts that none of major it tech youtubers explains

[martini]

Very good tutorial. Clear descriptions and easy to fallow. Would love to hear you in your new ones though ;) Thx for submiting this, it helped me to solve my problem!

[bruhlickd]

And now, how can I send my form to my MySql Db?

[rnjack]

I need form submitted values print in a new html file not just send

[amartyajaiswal]

I am trying to access form data using GET method. Can anyone tell me what is the error in the below code:

import express from "express";

const app=express()
const port = process.env.PORT || '4000'

app.use(express.urlencoded({
extended: false
}));
app.use(express.json());

app.get('/', (req, res) => {
res.send('Home Page');
})

app.get('/form', (req, res) => {
// res.setHeader('content-type',
res.write('<h1>Student Registration Form</h1>')
res.write('<h1>Student Registration Form</h1>')
res.write('<form method="GET" action="/handleForm" >')
res.write('<input type="text" value="name" placeholder="Name" /> <br/><br/>')
res.write('<input type="number" value="age" placeholder="Age" /> <br/><br/>')
res.write('<input type="submit" value="submit"/>')
res.write('<form/>')
res.send();
})

app.get('/handleForm', (req, res) => {
console.log(req.query)
res.send('Form Submitted')
})

app.listen(port, () => {
})

[fun_vtech]

Great tutorial forever.. thanks you solved my problem ❤️❤️

[hez]

Much respect and gratitude for the video..thank you👏👏👏🙌🙌

[nehlzintoonz]

hi thank you for this tutorial, i would really appreciate if you can provide me a link to the source code, am a beginner whose a bit confuse with, thank you

[xvlito]

Great tutorial. Gets straight to the point and easy to follow along! Only thing I would like to see in future videos is a voiceover :)

[hassanbechara]

it didn't sow me the data entered as vector 9:16

[Faisal-jovk]

thank you soo much i've been looking everywhere for something like this. however, in my html im href'ing some js code but it is not showing on the website. plz help

[mauriciogabriel]

you are a genious! I've been trying to see the error I had in my code for days and you solved it for me in minutes, thanks!

[matheusdamiao]

Amazing tutorial! Really useful and quick explanation! Can I ask you a question? How would you recommend me to save this data? Thank you so much for the video

[mataih]

thank you so much for this video! The only thing that could help other like me that got confused about the POST endpoint is: the ACTION in the HTML FORM has to be set as the same of the first argument in app.post, that is "/formPost" in this case. Please tell if I'm wrong

[aeminkolbasar]

When I enter the username and password, visual studio does not appear.

[hoangnguyenduy]

Thanks for your tutorial
but can you explain me why my script doesnt take effect on the html file

[BrawlStars-jdjh]

this has to be one of the worst youtube tutorials, big props for that!