Formulaire javascript

Mitchou -  
jordane45 Messages postés 40050 Date d'inscription   Statut Modérateur Dernière intervention   -
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 334 Statut Membre 58
 
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 40050 Date d'inscription   Statut Modérateur Dernière intervention   4 758
 
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
Mitchou
 
merci, cependant quand je laisse action vide, la page se recharge quand même, bizarre
0
jordane45 Messages postés 40050 Date d'inscription   Statut Modérateur Dernière intervention   4 758
 
Ca c'est normal.
Si tu ne veux aucun rechargement... ajax sera la seule solution
0