无需离开页面即可提交表单数据。 Express,Node.js,Pug
问题描述:
我通过一个类似的帖子阅读,但个人使用Perl和东西埃尔斯,所以它没有帮助我。我的问题是我如何提交一个带有节点js/pug的表单,但仍保留在同一页面上。无需离开页面即可提交表单数据。 Express,Node.js,Pug
在哈巴狗形成方法设置为POST和操作设置为我的NodeJS/profile文件 我使用
router.post("/profile", req, res, next){
return res.redirect("back")
}
的问题是,这一切都为重新加载页面。我想留在页面上,并简单地显示一条消息,说“个人资料更新”。
答
然后不要返回重定向。例如,只需发布数据并对其进行处理,就可以返回操作的状态。然后,您应该使用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数据库中。 –
你需要做一个AJAX提交https://开头计算器.com/questions/1200266/submit-a-form-using-jquery –