提交表单数据而不离开页面。 Express,Node.js,Pug

时间:2017-10-15 15:23:02

标签: node.js forms pug

我通过一个类似的帖子阅读但个人使用的是perl和elss,所以它对我没有帮助。我的问题是如何提交一个带有节点js / pug的表单,但保留在同一页面上。

在pug表单中,方法设置为POST,操作设置为/ profile 在我的nodejs我正在使用

self.imageView.transform = .identity

问题是所有这一切都是重新加载页面。我想留在页面上,简单地显示一条消息,说“个人资料更新”。

1 个答案:

答案 0 :(得分:0)

然后不要返回重定向。只需获取发布数据并对其进行处理,就可以返回操作状态。然而,您应该使用AJAX查询而不是股票表单,它将始终将您重定向到操作URL。

router.post("/profile", req, res, next){
    return updateProfile(req.body); // true or false
 }

例如,在jQuery中,您可以执行AJAX请求

$.ajax({
  type: "POST",
  url: "/profile",
  data: profile_form_data_object,
  success: function(data) {
    alert("Result of the profile update was: " + data); 
  }
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>