在 Node.js 中发布请求后渲染视图

Question

我正在通过 ajax 向服务器发送一个 post 请求：

result.ejs

$.ajax({
    type: "POST",
    url: "/result",
    data: { score: score, rank: rank, name: name, email: email, historyLog: historyLog }
  });

我正在接收它并将数据保存到数据库中：

resultController.js

app.post('/result', urlencodedParser, function(req, res) {

      var user = new User({
        name: req.body.name,
        email: req.body.email,
        score: req.body.score,
        rank: req.body.rank,
        historyLog: req.body.historyLog
      });

      user.save(function(err) {
        if (err) throw err;
        console.log('User saved successfully!');

      });


  });

保存后我想渲染一个新视图，但我无法让它工作。 我试过在保存功能之后添加这个：

res.redirect('page'), res.render('page'), 设置标题 html/text

以上都不起作用。有什么建议吗？

Answer 1

AJAX 通常恰好在您不想想要导航到其他地方，而是在后台与服务器对话时使用。要仍然按照自己的方式进行操作，请在console.log('User saved successfully!); 之后使用res.send("done"); inside 保存回调，然后将其添加到您的ajax 请求中：

success: function () { window.location.href = "/page"; }

实现整个过程的一个更简单的方法是使用<form method="post" action="/result"> 并提交它。

Answer 2

这可以正常发布。 最好使用表单来发帖。

app.post('/result', function(req, res) {

   new user({
    name: req.body.name,
    email: req.body.email,
    score: req.body.score,
    rank: req.body.rank,
    historyLog: req.body.historyLog
  }).save(function(err,doc) {
    if (err) throw err;
    else { res.render('pagename.ejs'); }
    console.log('User saved successfully!',doc);
   }); });

希望这会对你有所帮助。

Answer 3

如果你想在保存后渲染页面 - 在保存回调中添加它，像这样

app.post('/result', urlencodedParser, function(req, res) {

      var user = new User({
        name: req.body.name,
        email: req.body.email,
        score: req.body.score,
        rank: req.body.rank,
        historyLog: req.body.historyLog
      });

      user.save(function(err) {
        if (err) throw err;
        console.log('User saved successfully!');
        res.render('page');//ADD HERE redirect o render
      });


  });