Envoi de formulaire sans rafraîchir la page

Question

que quelqu'un peut me montrer un tutoriel d'utilisation jquery pour afficher la soumission du formulaire réussisans rafraîchir la page. Quelque chose comme ça se passe sur Gmail quand un message est livré et la superposition jaune qui montre que votre message a été livré, puis disparaît. Je souhaite que le message s'affiche en fonction du résultat de la soumission du formulaire.

Answer 1

Ok ... quelque chose comme ça ... mais je n'y suis pas allé ... donc l'utiliser comme tutoriel .. Vous pouvez également utiliser JSON

js:

function processForm() { 
     $.ajax({ 
      type: 'POST', 
      url: form_process.php, 
      data: 'user_name=' + encodeURIComponent(document.getElementById('user_name').value), 
      success: function(data) { 
       $('#message').html(data); 
      } 
     }); 
} 

html:

<form action="" method="post" onsubmit="processForm();return false;"> 
<input type='text' name='user_name' id='user_name' value='' /> 
<input type='submit' name='submit' value='submit'/> 
</form> 
<div id='message'></div> 

form_process.php

$user_name = $_POST['user_name']; 
if(do something){ 
    echo "login success"; 
else{ 
    echo "login unsuccessful"; 
} 

Answer 2

La réponse de jatt est presque juste. Mais n'oubliez pas de mettre l'attribut url dans '' Cela pourrait vous faire économiser quelques minutes de débogage avec optimisme