Sending data from html on server (node.js)

Question

I have a problem with sending data on the server. I run server.js in node but always after clicking submit button req.body.username and req.body.password is undefinied... HTML file is opened in a browser, so probably it is the problem, but I have no idea how to solve it. I'm a beginner so be understanding...

index.html:

<form method="post" action="http://127.0.0.1:3000/">   
<fieldset>
<label for="username"></label>
<input type="text" id="username" placeholder="username">
<label for="password"></label>

<input type="password" id="password" placeholder="password">

<input type="submit" value="Create user">
</fieldset>
</form>

server.js:

 const express = require('express');
 const mysql = require('mysql');
 const bodyParser = require('body-parser');
 const http = require('http');

 const template = require('./template'); 
 const app = express();

 app.use(bodyParser.urlencoded({extended:true}));
 app.use(express.static('public'))
 app.use(bodyParser());

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



  template.createUser( 

    req.body.username,
    req.body.password
  )

 });

 app.listen(3000, 'localhost' );

Chris Riebschlager · Accepted Answer · 2018-01-17 21:50:59Z

1

Add name attributes to your form:

<form method="post" action="http://127.0.0.1:3000/">
    <fieldset>
        <label for="username"></label>
        <input type="text" name="username" id="username" placeholder="username">
        <label for="password"></label>
        <input type="password" name="password" id="password" placeholder="password">
        <input type="submit" value="Create user">
    </fieldset>
</form>

See this answer for more info: HTML input - name vs. id

answered Jan 17, 2018 at 21:50

Chris Riebschlager

1,3331 gold badge8 silver badges12 bronze badges

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

Collectives™ on Stack Overflow

Sending data from html on server (node.js)

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related