如何从FormData()访问我的数据(用户名、密码等)到我的express服务器

Question

我目前正在尝试从FormData中获取我的数据的正确部分(实际的用户名值和密码值，这样我就可以提取它并将其保存为一个值等；(，我通过POST请求将其发送到我的express服务器，但我似乎无法获取它，当我尝试执行req.body.username或req.body.name时，它要么返回undefined，要么在执行req.body:时打印所有FormData

'------WebKitFormBoundarymqLPaiCoVje2rgBBrnContent-Disposition: form-data; name': '"username"rn' +
'rn' +
'myNamePutInHerern' +
'------WebKitFormBoundarymqLPaiCoVje2rgBBrn' +
'Content-Disposition: form-data; name="password"rn' +
'rn' +
'password123rn'

我的Express服务器：(注意：我也尝试过req.body.username，但也不起作用(

const bodyParser = require('body-parser');
app.use(bodyParser.urlencoded({ extended: true }))
app.post('/', function(req, res) {
res.send(req.body.name)
console.log(req.body.name)
});

我的JS发送它：

const form = document.getElementById( "signUpForm" );
const XHR = new XMLHttpRequest();
const FD = new FormData( form );
XHR.open( "POST", "http://localhost:3001/", true);
XHR.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
XHR.send(FD);

我的HTML表单：

<form id="signUpForm" name="signUpForm">
<div class="flex flex-col">
<input type="text" name="username" placeholder="Username*" class="w-10/12 mr-2 h-7 border-2 mb-3 rounded-lg py-4 px-3 signupinput" required>
<input type="password" name="password" placeholder="Password*" class="w-3/6 h-7 border-2 mr-2 rounded-lg py-4 px-3 signupinput" required>
</div>
<button class="w-40 h-10 text-white bg-main-blue hover:bg-blue-300 rounded-lg mt-12" type="submit" value="Submit">Create an account</button>
</form>

任何帮助都会很好，提前谢谢

Answer 1

尝试箭头函数。首先在前端根据您的请求登录然后从后端的整个req对象进行日志记录。然后你可以找到尸体