Formulaire javascript

Fermé
Mitchou - 8 juin 2015 à 12:25
jordane45 Messages postés 37253 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 17 mars 2023 - 8 juin 2015 à 13:24
Bonjour,

J'ai actuellement un formulaire avec deux champs, lorsque l'on clic sur envoyer, il y a un requete a une bdd qui est effectuée (en php) et affiche ce résultat sur la page du formulaire. Cependant il y a un chargement de page. (method post avec action qui va rediriger vers la page).

J'aimerai qu'il n'y ai pas de redirection. Je pense que sa doit etre fait en JS mais ne vois pas comment,

merci de votre aide

2 réponses

CptRomaiin Messages postés 315 Date d'inscription mercredi 23 octobre 2013 Statut Membre Dernière intervention 28 avril 2016 58
8 juin 2015 à 12:28
Salut,

Il faut effectivement utiliser de l'AJAX. Je te conseil d'utiliser le framework jQuery :

https://jquery.com/

https://openclassrooms.com/fr/courses/3504441-introduction-a-jquery?archived-source=1631636
0
jordane45 Messages postés 37253 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 17 mars 2023 4 551
8 juin 2015 à 12:31
Bonjour,

Pour éviter la redirection de page ... tu peux :
Traiter en PHP dans la même page que ton formulaire ... et remplacer le "ACTION" de ton formulaire par une chaine vide
<form name="monform" metho="post" action="">


ou .. comme tu le dis, utiliser du javascript .. et plus exactement .. de l' AJAX.

NB: Pour faire de l'ajax, je t'invite à utiliser la librairie JQUERY ( plutôt que de le faire en "pure" javascript"). La manipulation et la syntaxe en JQUERY est plus simple je trouve...

Quelques exemples :
http://www.finalclap.com/tuto/cours-jquery-61/ajax-67/

https://openclassrooms.com/fr/courses/1567926-un-site-web-dynamique-avec-jquery/1569693-cas-concret-un-formulaire-de-connexion-avec-ajax


0
merci, cependant quand je laisse action vide, la page se recharge quand même, bizarre
0
jordane45 Messages postés 37253 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 17 mars 2023 4 551
8 juin 2015 à 13:24
Ca c'est normal.
Si tu ne veux aucun rechargement... ajax sera la seule solution
0