Невозможно использовать req.body для получения данных формы в express.js

У меня есть форма с полем ввода и выбора для получения пользовательских данных. И я хочу отправить вызов ajax через обработчик кнопки отправки, чтобы сохранить пользовательские данные на сервере.

Вот скелет кода,

Сторона клиента:

xhr.open("POST", "/upload", true)
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4) {
    if (xhr.status === 200) {
      log('ajax succeed')
    } else {
      log('ajax failed')
    }
  }
}
console.log(data) // the data is not empty
xhr.send(data)

На стороне сервера:

import express from 'express'
import bodyParser from 'body-parser'

var app = express()
app.use(bodyParser.json())
app.use(bodyParser.urlencoded({ extended: true }))

app.post('/upload', (req, res) => {
  console.log(req.body) // get "{}"
  res.send('greetings from Express!')
})

Вызов ajax достигает конечной точки сервера и может правильно отправить сообщение обратно клиенту, но почему я не могу получить эти данные формы из req.body?