调用 app.use/app.post（其中 INSERT INTO a db）以获取表单值答案

【问题标题】：Call app.use/app.post (which INSERT INTO a db) to get form values调用 app.use/app.post（其中 INSERT INTO a db）以获取表单值
【发布时间】：2019-02-15 14:55:31
【问题描述】：

我使用 express 创建了一个 app.use，以便在数据库中插入值。我想在用户点击注册时获取这些值。

我的表格：

<form class="form-signin" method="POST">
<h1 class="h3 mb-3 font-weight-normal">Register</h1>
<label for="inputEmail" id="lblEmail" class="sr-only">Email address</label>
<input type="email" id="inputEmail" class="form-control" placeholder="Email 
address" name="email" required autofocus>
<label for="inputPassword" class="sr-only">Password</label>
<input type="password" id="inputPassword" class="form-control" 
placeholder="Password" name="passworf" required>
<label for="repeatInputPassword" class="sr-only">Repeat Password</label>
<input type="password" id="repeatinputPassword" class="form-control" 
placeholder="Repeat Password" required>
<label for="name" class="sr-only">Name</label>
<input type="name" id="inputName" class="form-control" placeholder="Name" 
name="name" required>
<label for="surname" class="sr-only">Surname</label>
<input type="surname" id="inputSurname" class="form-control" 
placeholder="Surname" name="surname" required>
<div class="checkbox mb-3">
</div>
<button class="btn btn-lg btn-primary btnblock-" 
type="submit">Register</button>
<p class="mt-5 mb-3 text-muted">&copy; 2017-2018</p>
</form>

app.use 用于在数据库中插入值。我在下面使用 MySQL：

var express = require('express');
var app = express();
var bodyParser = require('body-parser')
var http = require('http');
var urlencodedParser = bodyParser.urlencoded({extended: false});

app.use('/', urlencodedParser, function(req,res, next){
var adminUser = req.body.email;
var adminPass = req.body.password;
var adminName = req.body.name;
var adminSurname = req.body.surname;
console.log(req.body);
var sql = "INSERT INTO admins VALUES(null, ?, ?, ?, ?) ";
con.query(sql, [ adminUser, adminPass, adminName, adminSurname], 
  function(error, rows, fields){
    if(!!error) {
        console.log('Query Failed' + error.message);
    } else {
        console.log('Query Successful');
        console.log(rows.insertId);
        next();
    }
  });
 })

app.listen(5500);

【问题讨论】：

你是问如何提交html表单？
那么，是的，您问的是如何提交 html 表单。
对于初学者来说，您的表单缺少开始标记。
如果你的输入没有名字，它的值不会被发送到服务器。
不，我的意思是你的输入需要名字。

标签： javascript jquery node.js express

【解决方案1】：

您需要创建一个Express POST route，该表单也可以发布。

app.post('/', function (req, res) {
  // Process form here
  var adminUser = req.body.email;
  var adminPass = req.body.password;
  var adminName = req.body.name;
  var adminSurname = req.body.surname;
  // etc.
});

路径应与action 属性形式匹配

【讨论】：

【解决方案2】：

您的表单必须将POST 请求发送到您使用app.use(...) 定义的同一路由。在这种情况下，您的表单是 POSTing 到它所在的同一路由，这意味着它需要在 / 路由上才能工作。

将您的 app.use(...) 更改为 app.post(...) 以便它只处理 POST 请求，然后使用以下方法从同一路由提供表单的 html：

app.get('/', function(req, res) {
  res.sendFile(path-to-form);
})

见：https://codesandbox.io/s/won9jzj8k7

【讨论】：