Discussion :

[numispace54]

Bonjour à tous(tes) amis(es) développeurs(ses), je vous post ce message car j'ai un soucis pour une évalution je créer une page web avec un bouton pour faire une requete ajax pour récupérer un formulaire en PHP avec une boucle PHP, ça j'ai réssi ça fonctionne. Mais dans le formulaire je dois afficher la réponse d'une autre requete ajax qui cherche dans le tableau PHP et renvoi la réponse dans une div, ce qu'il fonctionne quand je directement sur le formulaire sans passée par la page web , par contre quand je l'affiche dans ma page web le résultat sort sur une autre page au lieu de sa div comme prévue. je sais pas si je suis assez clair dans mon explication, je vous mets les page de code pour vous aidez à comprendre. Je vous en supplie aidez-moi!!! je bloque dessus depuis 1 semaine s'il vous plaît. Je vous remecie d'avance pour le temps que vous accepteraez de m'accordé et vous souhaite à tous(tes) une excellente journée cordialement.

[Toufik83]

Bonjour,

Le problème rencontré est un grand classique du développement web : la perte des écouteurs d'événements sur le contenu chargé dynamiquement.

L'action initiale : Une requête AJAX charge un formulaire PHP dans la page. Tout va bien.

Le blocage : À l'intérieur de ce formulaire, une seconde action AJAX doit se déclencher. Mais au lieu de rester sur la page, le navigateur redirige vers l'URL du script PHP.

La cause : Lorsque la page s'est chargée pour la première fois, le JavaScript a attaché des "écouteurs" (EventListener) aux boutons présents. Comme le formulaire n'existait pas encore à ce moment-là, il a été ignoré.

Sans JavaScript pour l'intercepter, le bouton se comporte comme un lien ou une soumission classique, ce qui provoque le changement de page.

La Solution : La délégation d'événements
Pour résoudre cela, il ne faut pas attacher l'événement au bouton lui-même, mais à un parent qui est déjà présent lors du chargement initial de la page (comme document ou un conteneur statique visuellement).

Remarque: Merci d'insérer votre code entre les balises [code]...[/code] plutôt que d'utiliser des captures d'écran. Cela permet à ceux qui vous aident de copier et de tester votre script plus facilement.

[numispace54]

Bonjour monsieur je vous remercie infiniment car enfin cela fonctionne parfaitement, vous pouvez pas imaginé mon soulagement car je pensé jamais pouvoir m'en sortir. Je vous souhaite une excellente journée cordialement.