How to get data passed from a form in Express (Node.js)

by

Use bodyParser.urlencoded() middleware:

const bodyParser = require('body-parser');
app.use(bodyParser.urlencoded({ extended: true }));

Then the form values will be on req.body:

app.post('/game', function (req, res) {
    res.render('the_template', { name: req.body.name });
});

Setting { extended: true } allows the bodyParser to accept json like data within the form data including nested objects. e.g. { person: { name: Adam } } sent using javascript rather than the name value pairs which traditional HTML form send. If you don’t need that you can set the extended value to false. Not defining an extended option (i.e. using a default setting) is apparently deprecated and they seem to want you to decide whether you need nested options or plain name value pairs.

If you want to be able to parse form data for some routes and json data for others in your express server, you can use:

app.use(bodyParser.json())
app.use(bodyParser.urlencoded({ extended: <true|false> }))

urlencoded() for x-www-form-urlencoded content type

  • true – for nested data structures
  • false – for name value pairs

json() – for application/json content type

Note that form/multipart needs a different body parser (such as multer)

Update: fix if you get ExpressJS Error about Body-Parser being Deprecated

Replace

app.use(bodyparser.json()); //utilizes the body-parser package
app.use(bodyParser.urlencoded({extended: true}));

By

app.use(express.json()); // Used to parse JSON bodies
app.use(express.urlencoded()); //Parse URL-encoded bodies

More Related Contents:

  1. Download a file from NodeJS Server using Express
  2. Make Axios send cookies in its requests automatically
  3. Start script missing error when running npm start
  4. HTTP GET Request in Node.js Express
  5. How to get a URL parameter in Express?
  6. How to search in array of object in mongodb
  7. Pass variables to JavaScript in ExpressJS
  8. Passing variables to the next middleware using next() in Express.js
  9. How do I ungzip (decompress) a NodeJS request’s module gzip response body?
  10. socket.io.js not found
  11. Handling errors in express async middleware
  12. Nodejs express and promises not doing what I expect
  13. How can I set response header on express.js assets
  14. What does “./bin/www” do in Express 4.x?
  15. Why is PassportJS in Node not removing session on logout
  16. Difference between readFile() and readFileSync()
  17. How do I get the domain originating the request in express.js?
  18. Running an Express server middleware alongside Nuxt
  19. What are express.json() and express.urlencoded()?
  20. Read json file content with require vs fs.readFile
  21. Node.js POST causes [Error: socket hang up] code: ‘ECONNRESET’
  22. stop all instances of node.js server
  23. Handlebars: Access has been denied to resolve the property “from” because it is not an “own property” of its parent
  24. What do “module.exports” and “exports.methods” mean in NodeJS / Express?
  25. In Node.js/Express, how do I automatically add this header to every “render” response?
  26. express.js – how to intercept response.send() / response.json()
  27. node.js, express, how to get data from body form-data in post request
  28. Sending whole folder content to client with express
  29. Difference between res.send and res.json in Express.js
  30. Can’t get rid of header X-Powered-By:Express

Leave a Comment