表单提交后是否重定向？

Question

在我的个人页面（网站为1页）的底部，有一个联系表，该表将消息发送到我的数据库，以便以后可以阅读。

问题是，如果我不重定向到任何地方，页面不会重新加载，这就是我想要的，但是正在搜索内容并在选项卡中具有加载图标，并最终断开连接并显示“ ECONNRESET”错误云9。

如果我确实重定向回/＃contact（到页面，然后再向下到contact部分），则它将重新加载页面，由于网站的功能，这不是我想要的。 它具有一些在发送消息后立即加载的动画，重新加载后将其取消，这看起来很糟糕。

我如何做到这一点，以便在发送消息后不必重新加载页面，这意味着我不必重定向到任何地方，但是我也不会收到ECONNRESET错误？

app.post("/", function (req, res){
  // Retrieve form data
  var name = req.body.name;
  var email = req.body.email;
  var subject = req.body.subject;
  var message = req.body.message;
  var newMessage = {name: name, email: email, subject: subject, message: message};
  // Save new message to database
  Message.create(newMessage, function (err, sendMessage) {
    if (err) {
      console.log(err);
    } else {
      console.log(sendMessage);
    }
  });
});

Answer 1

如果您不是通过AJAX发布表单，则应重定向到呈现视图的GET端点。 如果您不想重定向，那么至少您将需要有一个res.render()调用来呈现正确的视图。 不重定向的缺点是，如果用户刷新页面，则可能会提示他们重新提交表单。

Message.create(newMessage, function(err, sendMessage){
    if(err){
        console.log(err);
    } else {
        console.log(sendMessage);
        res.render('contact'); //change 'contact' to the name of the view you are rendering
    }
});

Answer 2

我进行了一些搜索，发现了一种方法来实现我的工作方式：无需重定向或重新加载页面。

我删除了不必要的错误处理和console.log，因为我只需要表单将数据发送到我的数据库，以便稍后读取。

app.post("/", function(req, res){
    // Retrieve form data
    var name = req.body.name;
    var email = req.body.email;
    var subject = req.body.subject;
    var message = req.body.message;
    var newMessage = {name: name, email: email, subject: subject, message: message};
    // Save new message to database
    Message.create(newMessage);
});

显然我需要一个Ajax / jQuery请求，如下所示：

$('form').submit(function(e){
    e.preventDefault();
    $.ajax({
        url:'/',
        type:'post',
        data:$('form').serialize(),
        success:function(){
            //whatever you wanna do after the form is successfully submitted
        }
    });
});

我找到的答案的来源 （第一个答案）