无需离开页面即可提交表单数据。 Express,Node.js,Pug

问题描述:

我通过一个类似的帖子阅读,但个人使用Perl和东西埃尔斯,所以它没有帮助我。我的问题是我如何提交一个带有节点js/pug的表单,但仍保留在同一页面上。无需离开页面即可提交表单数据。 Express,Node.js,Pug

在哈巴狗形成方法设置为POST和操作设置为我的NodeJS/profile文件 我使用

router.post("/profile", req, res, next){ 
     return res.redirect("back") 
    } 

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

+1

你需要做一个AJAX提交https://开头计算器.com/questions/1200266/submit-a-form-using-jquery –

然后不要返回重定向。例如,只需发布​​数据并对其进行处理,就可以返回操作的状态。然后,您应该使用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>

+0

但是我怎样才能使用收集到的数据从表单插入到我的mongo数据库中。 –