javascript - 除了在表单元素上使用原始 "action"属性之外，还有其他方法可以解析表单的 POST 请求吗？

Question

我昨晚摆弄了 ExpressJS，发现给出了一个简单的代码:

app.post('/contact', function(req, res, next) {
  res.send('Congrats you have submitted the form');
});

我能够从服务器端正确响应它，并实际发送一个空白文档，其中包含文本“恭喜您已提交表单”。

但是，当我删除“action”属性并尝试使用 JavaScript 处理它以执行 POST 请求(例如使用 axios 模块)时，它不起作用:

axios.post('/contact', { data: { username: <user entered data>, password: { <user entered password> }});

我无法从服务器端(在 Express 内)获取该数据

app.post('/contact', function(req, res, next) {
  const username = res.data.username;
  const password = res.data.password;
  res.send('Login details: ' + username + ' / ' + password);
});

Answer 1

你的 axios 代码应该是这样的:

axios.post('/contact', {username: 'user', password: 'pass'}).then(response => {
  console.log(response);
});

关于express code，你可以在这个答案中找到很好的解释:https://stackoverflow.com/a/12008719/3877000