表单上的 Express JS 提交停留在页面上

Question

我知道这可能是一个简单的问题，并且在某处有教程，但我似乎找不到它。 我使用express-generator生成了一个应用程序，并在路由中添加了一个简单的表单

views/form.ejs

<div>
<h1>This is <%= name %></h1>
<form action="/form" method="POST">
    <input type="text" name="question" placeholder="question"><br>
    <input type="text" name="answer" placeholder="answer"><br>
    <input type="submit">
</form>

我想要做的是在表单提交后处理请求而不对页面做任何事情。基本上我希望它保持不变，所以我尝试了以下

routes/index.js

var express = require('express');
var router = express.Router();

/* GET home page. */
router.get('/', function(req, res, next) {
  res.render('index', { title: 'Express' });
});

router.get('/form', function (req, res) {
    res.render('form', {name: "My Name"});
});

router.post('/form', function (req, res) {
    console.log(req.body);
});

module.exports = router;

浏览器一直在等待来自服务器的响应。我尝试添加next()，但它给出了一个错误，我也尝试从函数返回但没有用。 那么如何在不响应客户端的情况下发出发布请求或处理任何路由？

Answer 1

我想这里的问题是“你为什么想要？”；您想通过允许不响应客户端的发布请求来实现什么？

我认为，您最好的选择是执行 res.json(successOrFailureMessage) 以便您的客户端应用程序了解发生的事情并可以从那里做某事（或实际上什么也不做）。否则它将在等待响应时挂起。

Answer 2

将您的 post 代码更新为：

router.post('/form', function (req, res) {
    console.log(req.body);
    res.render('form', {req: req.body});
});

Answer 3

根据 cmets 更新了答案

将参数传递给ejs：

app.get('/form', function(req, res) {
res.render('form.ejs', {
    question: req.body.question,
    answer: req.body.answer
});