CODEWITHSUNDEEP
javascriptnode.jsexpressejs
NickAutomatic
NickAutomatic

Reputation: 15

Node.js/Express.js request body is undefined. body-parser is installed and imported

I am trying to get the text that is typed in by the user in my html input field and push it into an array. But the body of my request ist always empty. I already tried changing the order of code but it is not helping. Where is the Problem? app.js file:

const path = require('path');

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

const gameRouter = require('./routes/game.js');
const siteRouter = require('./routes/site.js');

const app = express();

app.set('view engine', 'ejs');
app.set('views', 'views');

app.use(bodyParser.urlencoded({extended: false}));
app.use(express.static(path.join(__dirname, 'public')));

app.use('/game', gameRouter);
app.use('/', siteRouter);

app.listen(3000);

game.js file in the folder routes:

const express = require('express');

const router = express.Router();

const games = [];

router.get('/game', (req, res, next) => {

});

router.post('/create', (req, res, next) => {
    console.log(req.body);
    games.push({game: req.body.game})
    res.redirect('/');
})

module.exports = router;

ejs file for html generating:

<%- include('./includes/head.ejs') %>
</head>
<body>
    <%- include('./includes/nav.ejs') %>
    <h1>Create a new Game</h1>
    
    <main>
        <form action="/game/create" method="POST">
            <div>
                <input type="text" id="game">
                <button type="submit">start</button>
            </div>
        </form>
    </main>
<%- include('./includes/end.ejs') %>

Upvotes: 1

Views: 84

Answers (2)

Mritunjay Paswan
Mritunjay Paswan

Reputation: 59

Use this line before app.use():

// For parsing a JSON file
app.use(bodyParser.json())
// For parsing parse application/x-www-form-urlencoded
app.use(bodyParser.urlencoded({extended: false}));

Upvotes: 0

traynor
traynor

Reputation: 8682

You need to add name attribute to the input element:

<input type="text" name="game" id="game">

Upvotes: 2

Related Questions