Ajax - javascript - div
zuflau
-
avion-f16 Messages postés 20367 Statut Contributeur -
avion-f16 Messages postés 20367 Statut Contributeur -
Bonjour
J'ai créé un site internet avec un layout spécificique (il intègre un menu horizontal, un menu vertical et une zone contenu (div)
Lorsque je clique sur le menu, la page demandée se charge dans la div et cela me permet de ne pas recharger toute la page (via la librairie XHRConnection())
Jusque là, tout fonctionne parfaitement, l'affichage de la page dans la div est ok (chercher les donnée dans une BD Mysql)
Le souci, c'est lorsque je créé un formulaire d'ajout, je ne peut recharger la page à l'intérieur du DIV.
J'ai essayer par javascript : document.getElementbyID, par le document.location.href mais rien ne fonctionne.
Auriez-vous une solution envisageable ou à tester ?
Merci d'avance et bonne soirée
J'ai créé un site internet avec un layout spécificique (il intègre un menu horizontal, un menu vertical et une zone contenu (div)
Lorsque je clique sur le menu, la page demandée se charge dans la div et cela me permet de ne pas recharger toute la page (via la librairie XHRConnection())
Jusque là, tout fonctionne parfaitement, l'affichage de la page dans la div est ok (chercher les donnée dans une BD Mysql)
Le souci, c'est lorsque je créé un formulaire d'ajout, je ne peut recharger la page à l'intérieur du DIV.
J'ai essayer par javascript : document.getElementbyID, par le document.location.href mais rien ne fonctionne.
Auriez-vous une solution envisageable ou à tester ?
Merci d'avance et bonne soirée
A voir également:
- Ajax - javascript - div
- Telecharger javascript - Télécharger - Langages
- Div c++ - Télécharger - Langages
- Javascript echo ✓ - Forum PHP
- A javascript error occurred in the main process - Forum Windows
- A javaScript error occurred in the main process - Forum Handicap / Accessibilté
3 réponses
Salut.
Pourquoi ne pas soumettre les données du formulaire via AJAX à un script PHP ?
En fonction du résultat, tu chargeras ensuite la page de confirmation ou d'erreur dans le div.
Pourquoi ne pas soumettre les données du formulaire via AJAX à un script PHP ?
En fonction du résultat, tu chargeras ensuite la page de confirmation ou d'erreur dans le div.
zuflau
ok, merci mais je fournis comment les données du formulaire à mon ajax ?
Je ne connais pas la librairie XHRConnection, mais en "AJAX pure" :
https://openclassrooms.com/fr/courses/245710-ajax-et-lechange-de-donnees-en-javascript/244798-lobjet-xmlhttprequest
https://openclassrooms.com/fr/courses/245710-ajax-et-lechange-de-donnees-en-javascript/244798-lobjet-xmlhttprequest
C'est simple : tu contactes le script qui se charge de traiter le formulaire. Ce script affiche "ok" s'il n'y a pas d'erreur (dans le cas contraire, il y en a une).
Avec AJAX, tu vas pouvoir récupérer le résultat de ce script. En fonction de ce résultat, tu charges le contenu de la bonne page et tu l'écris dans le div.
Avec AJAX, tu vas pouvoir récupérer le résultat de ce script. En fonction de ce résultat, tu charges le contenu de la bonne page et tu l'écris dans le div.
Bonjour,
Le souci : tout fonctionne si c'est une page toute seule (avec l'objet en Ajax pure").
Structure:
Page admin.html avec un menu en Ajax qui appelle formulaire.html (formulaire tout seul sans être imbriqué dans l'autre page, tout ok) mais lorsque imbriquée dans admin.html impossible de rien faire.
Que me conseillez-vous ?
Le souci : tout fonctionne si c'est une page toute seule (avec l'objet en Ajax pure").
Structure:
Page admin.html avec un menu en Ajax qui appelle formulaire.html (formulaire tout seul sans être imbriqué dans l'autre page, tout ok) mais lorsque imbriquée dans admin.html impossible de rien faire.
Que me conseillez-vous ?
Je t'ai déjà expliqué ...
Si j'ai bien compris, tu charges le formulaire dans un div via AJAX ?
Si oui, alors il suffit de détecter, via JS, l'envoie du formulaire (onsubmit), d'envoyer les données par POST ou GET à un script qui fera le traitement (et qui affichera "ok" ou pas en fonction du résultat). Tu pourras récupérer le résultat du script (car AJAX sert à ça), puis charger le contenu de la bonne page (message d'erreur ou de succès) dans le div.
Si j'ai bien compris, tu charges le formulaire dans un div via AJAX ?
Si oui, alors il suffit de détecter, via JS, l'envoie du formulaire (onsubmit), d'envoyer les données par POST ou GET à un script qui fera le traitement (et qui affichera "ok" ou pas en fonction du résultat). Tu pourras récupérer le résultat du script (car AJAX sert à ça), puis charger le contenu de la bonne page (message d'erreur ou de succès) dans le div.
