Как мне прочитать данные, отправленные на мой экспресс-маршрут?

Question

Я не знаю почему, но когда я пытаюсь просмотреть свои данные, используя req.body.newFullName, я получаю пустой объект.Публикация идет по правильному маршруту, но я не знаю, как получить доступ к полевым данным формы, которые были отправлены XMLHttpRequest.

Ниже приведена большая часть кода, который я использовал.

routesetup app.js

var express = require('express');
var path = require('path');
var cookieParser = require('cookie-parser');
var logger = require('morgan');
var bodyParser = require('body-parser')
var indexRouter = require('./routes/index'); 
var usersRouter = require('./routes/users');
var app = express();
app.use(logger('dev'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));
app.use('/', indexRouter);
app.use('/users', usersRouter);
module.exports = app;

сведения о маршруте users.js

var express = require('express');
var router = express.Router();
/* GET users listing. */
router.get('/', function(req, res, next) {
  res.send('respond with a resource');
});
/* POST contacts */
router.post("/", function(req,res,next){
  data = req.body.newFullName;

  res.send(data);
})
module.exports = router;

сведения о форме index.html

...
<form id="contacts">
<label for="FullName">Full Name:</label>
<input type="text" name="newFullName" placeholder="Enter Full Name..."><br>
<input type="submit" value="Submit data">
</form>
...

js, которые отправляют данные формы

window.addEventListener("load",function(){
    function createContact(){
        var XHR = new XMLHttpRequest();
        var frmData = new FormData(form);
        XHR.open("POST", "http://localhost:3000/users/");
        XHR.send(frmData);
    };
    var form = document.getElementById("contacts");
    form.addEventListener("submit", function(event){
        event.preventDefault();
        createContact();
    });
});

Заранее спасибо за помощь!

Answer 1

Проблема в коде на стороне клиента;вы отправляете multipart/formdata, но ожидаете application/x-www-form-urlencoded на сервере.

Вот текущий способ отправки этого сообщения:

function createContact() {
    const payload = new URLSearchParams(new FormData(form));
    fetch("http://localhost:3000/users/", {
        method: "POST",
        body: payload
    })
    .then(rawReply => rawReply.text())
    .then(reply => console.log("reply", reply))
    .catch(err => console.error(err));
};

Если вы проверите запрос в браузере, вы 'Вы найдете его теперь правильно показывает параметры вместо необработанного текста.