Bonjour.
Je m'initie à Ajax.
J'ai un script php qui génère une liste, avec un lien 'supprimer' pour chaque élément.
Grace à javascript/jquery, je souhaite d'une part effacer dynamiquement l'élément de la page sans la recharger, d'autre par lancer une requête pour effacer l'enregistrement dans la base de données.
J'ai pour cela le script :
La partie effacement "graphique" dynamique s'exécute bien. J'ai ma boite d'alerte qui me demande une confirmation, et si confirmation la ligne s'efface à l'écran avec la petite animation.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28 <script src="./lib/jquery-3.2.1.min.js" type="text/javascript"></script> <script type="text/javascript"> $(function() { $(".delete").click(function() { var element = $(this); var del_id = element.attr("id"); var del_name = element.attr("name"); var info = 'id=' + del_id ; if(confirm("Etes-vous sûr de vouloir effacer : " + del_name +" ?")) { $.ajax({ type: "POST", url: "supprimer.php", dataType : 'html', data: info }); $(this).parents(".show").animate({ backgroundColor: "#003" }, "fast") .animate({ opacity: "hide" }, "fast"); } return false; }); }); </script>
Par contre "supprimer.php" ne s'exécute pas.
(je suis allé jusqu'à faire un fopen et fputs dans un fichier texte pour être sûr de la non exécution de ce fichier).
Rien dans la console.
J'ai essayé "./supprimer.php" ou avec le chemin complet d'accès (les deux fichiers sont dans le même répertoire).
Je ne sais pas comment continuer à debugguer ce problème. Si vous avez des suggestions.
Je vous remercie d'avance.
Partager