-
[AJAX] envoi Formulaire
Bonjour,
J'aimerai programmer l'envoi d'un formulaire en ajax mais je ne sais pas vrmt comment faire.
J'ai un formulaire avec plusieurs champs. J'aimerai envoyer les données de tout les champs à un fichier php pour qu'il puisse les mettre dans une table sql par exemple. Et ensuite le script php renvoi soit des erreurs, ou un message comme quoi l'enregistrement c'est bien passé à la premiere page et tout ca sans chargement niveau navigateur. J'ai lu plusieurs tuto sur l'ajax mais je n'arrive pas à faire mon script.
Si quelqu'un aurait un exemple complet ??
merci d'avance
a bientot.
-
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.
Code:
<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.
Code:
<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.