ajax requests to Node.js

In my app.js file in Node.js I have this:

app.use(express.json()); 

which I thought was good enough but whenever I submit data via jQuery/Ajax the response is an empty object.

After doing the below however, it now get the data from req.body. But, I thought that in the newer versions of Express it was not necessary to do this anymore?

const bodyParser = require("body-parser");

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

The Ajax request:

    $.ajax({
        url: 'http://localhost:8000/api/v1/endpoint',
        method: 'POST',
        data: {key: key}
    })
    .done(function(data) {
        console.log(data)
    })
    .fail(function(data) {
        console.log(data);
    })

Copyright Notice：Content Author:「user8463989」，Reproduced under the CC 4.0 BY-SA copyright license with a link to the original source and this disclaimer.
Link to original article：https://stackoverflow.com/questions/73142483/ajax-requests-to-node-js