The POST request is returning a NULL value for req.body {}

Question

The POST request is returning a NULL value for req.body {}

https://i.sstatic.net/v72zp.png

When sending a post request from POSTMAN, req.body contains the data but when submitting the form it returns an empty object {}.

Initially, I used the following middleware:

app.use(bodyParser.json());

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

However, I received a deprecation warning for 'bodyParser' indicating that it is outdated. Additionally, a deprecated message was shown.

I attempted to replace it with:

app.use(express.json());

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

Despite this change, the issue still persists with req.body returning an empty object.

https://i.sstatic.net/v72zp.png

javascript json express body-parser

Answer 1

Answer №1

Make sure to pay attention to the order in which you register dependencies in your code. For example, if you are registering express json, it should come before your routes. Here's an example:

const express = require('express');
const app = express();

// register middleware here
app.use(express.json());

// define your route
app.post('/someroute', async (req,res,next) => {
  const { param1, param2 } = req.body;
  try {
    console.log(`${param1} and ${param2} printed in the terminal);
    res.send('ok');
  } catch (err) {
    res.send('oopps');
  }
})

Answer 2

Make sure to pay attention to the order in which you register dependencies in your code. For example, if you are registering express json, it should come before your routes. Here's an example:

const express = require('express');
const app = express();

// register middleware here
app.use(express.json());

// define your route
app.post('/someroute', async (req,res,next) => {
  const { param1, param2 } = req.body;
  try {
    console.log(`${param1} and ${param2} printed in the terminal);
    res.send('ok');
  } catch (err) {
    res.send('oopps');
  }
})

Answer 3

Answer №2

Are you confident that you are setting the appropriate headers when making your POST request?

If you are parsing for .json(), your headers must include: Content-Type: application/json

If you are parsing form data with urlencoded(), your headers should include:

Content-Type: application/x-www-form-urlencoded

Could you also provide the CURL command from your Postman request?

Answer 4

Are you confident that you are setting the appropriate headers when making your POST request?

If you are parsing for .json(), your headers must include: Content-Type: application/json

If you are parsing form data with urlencoded(), your headers should include:

Content-Type: application/x-www-form-urlencoded

Could you also provide the CURL command from your Postman request?

The POST request is returning a NULL value for req.body {}

Answer №1

Answer №2

Similar questions

Is there a potential issue with spreading on IE 11 in (Webpack, VueJS)?

Navigating a plethora of unpredictable identifiers using AngularJS

Submitting with enter key on typeahead suggestions

Having difficulty removing database entries using fetch and express in my React application

Tips for emphasizing the currently pressed button element when clicked in Angular 2?

Personalizing the React Bootstrap date picker

Troubleshooting Type Conversion Error in ASP.NET MVC Controller

Can a webpage be customized to display different content based on whether the visitor is a web crawler or a web application user?

Combining two THREE.js scenes without erasing the first one

Error 404 encountered while attempting to access dist/js/login in Node.JS bootstrap

Incorporating Nunjucks into Express 4

Text alignment issues cause animation to vanish

The process of transferring a file from a client to a server and then from one server to another

Trouble encountered when integrating npm library with webpack

The scrolltop animation does not appear to be functioning properly on iOS devices

Looking for assistance in reducing the vertical spacing between divs within a grid layout

Node - Creating personalized error handling functions

What is the best way to create a full-width gallery display?

Warning: Update state in React-router-redux after redirection

Utilize CLI search to convert Splunk index data into JSON format