soumettant des données de formulaire sans quitter la page. Express, Node.js, Pug

Question

J'ai lu un article similaire, mais l'individu utilisait perl et quelque chose d'autre, donc ça ne m'a pas aidé. Ma question est comment puis-je soumettre un formulaire avec le nœud js/pug mais rester sur la même page.

Dans le carlin forme la méthode est réglé sur POST et l'action définie sur/profil dans mes nodejs J'utilise

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

Le problème est que tout cela ne se rechargera la page. Je veux rester sur la page et montrer simplement un message disant "mise à jour du profil".

Answer 1

Ensuite, ne renvoyez pas de redirection. Il suffit de prendre les données de poste et de les traiter, vous pouvez retourner l'état de l'opération, par exemple. Cependant, vous devez utiliser une requête AJAX au lieu du formulaire stock, qui vous redirigera toujours vers l'URL de l'action.

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

Et dans jQuery, par exemple, vous pouvez effectuer une requête 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>