Voici un extrait du site officiel, je ponse que ça peut t'aider :
Lors de la création d'un formulaire, assurez-vous que l'attribut "onSubmit" de l'élément "form" soit associé à une fonction JavaScript qui retourne false.
<form onSubmit="doAJAXSubmit();return false;" > <input type="text" id="textfield1" /> <input type="submit" id="submit1" value="Envoi"/> </>
Vous pouvez également envoyer des données en associant une fonction à un bouton du formulaire de la même manière.
<form onSubmit="doAJAXSubmit();return false;" > <input type="text" id="textfield1" /> <input type="button" id="button1" onClick="doAJAXSubmit()" value="Envoi"/> </>
Notez que l'attribut "onSubmit" du formulaire est toujours spécifié. Si l'utilisateur utiliser la touche "Entrée", le champs texte sera envoyé et vous n'avez pas à gérer ce cas de figure.
Lors de la mise à jour de la page, il est recommandé d'attendre pour s'assurer que la mise à jour AJAX des données du formulaire s'est faire avec succès. Sinon, les données risquent de ne pas être correctement mises à jour sans que l'utilisateur ne le sache. Je propose habituellement un message de mise à jour partielle et un autre lorsque l'interaction AJAX s'est bien déroulé avant de mettre à jour la page.
Partager