2017-10-15 166 views
0

我通過一個類似的帖子閱讀,但個人使用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 –

回答

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>

+0

但是我怎樣才能使用收集到的數據從表單插入到我的mongo數據庫中。 –

相關問題