JS modal avec suppression des données

Bonjour,

Je suis débutant en JS, vraiment peu de maitrise pour le moment. Dans le cadre de mon projet pro j'essai de mettre en place un panel admin.

J'ai un bouton qui appel une fonction JS pour la suppression d"une donnée.
J'ai mon controller PHP qui s'occupe de la suppression.

J'aimerais trouver le moyen que la suppression ce fasse après la validation du modal.

A l'heure actuel, dès que je clique sur le bouton, il affiche le modal mais supprime dans la foulé.

Code:

---

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 29 30

<form action="delete.php" method="post" name="myForm"> <button type="submit" class="btn btn-primary waves-effect" id="bouh">CLICK ME</button> </form> <script> $('button.btn-primary').click(function () { var btnId = $(this).attr("id"); warning(btnId); });   function warning(btnId) { swal({ title: "Are you sure?", text: "You will not be able to recover this imaginary file!", type: "warning", showCancelButton: true, confirmButtonColor: "#DD6B55", confirmButtonText: "Yes, delete it!", cancelButtonText: "No, cancel plx!", closeOnConfirm: false, closeOnCancel: false }, function (isConfirm) { if (isConfirm) { swal("Deleted!", "Your imaginary file has been deleted.", "success"); } else { swal("Cancelled", "Your imaginary file is safe :)", "error"); } }); } </script>

---

Merci à tous :)

Salut, fait le en ajax ou tu envois ta requête seulement si la personne à confirmer qu'elle voulait la suppression, tu dois donc vider ta balise form qui lors du clique appelle automatiquement ton script php.

le soucis c'est que js, ajax, jQuery j'ai vraiment peu de notion.. c'est pour cela que je post

Regarde ici http://api.jquery.com/jquery.ajax/ ta modale fonctionne elle s'affiche correctement? si oui

Code:

---

1 2 3 4 5

if (isConfirm) { //tu m'est ta requête ajax ici qui est appellera le script si la personne à confirmé } else { swal("Cancelled", "Your imaginary file is safe :)", "error"); }

---

Pourriez vous me donner un exemple ?

J'ai fait comme ceci sans résultat.

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13

if (isConfirm) { swal('Deleted!', 'Your imaginary file has been deleted.', 'success'); $.ajax({ url: { { path('delete') } } } ); } else { swal('Cancelled', 'Your imaginary file is safe :)', 'error'); }

---

Tout est dans la doc

Code:

---

1 2 3 4 5 6 7 8 9

$.ajax({ method: "POST", url: "delete.php", data: { } }) .done(function( msg ) { alert( "Your imaginary file has been deleted."); });

---

Dans url fait bien attention à spécifier l'extension de ton fichier car le fichier sur le serveur n'ai pas forcément un fichier php il faut le dire à jquerry, ici data correspond aux données que tu souhaites envoyer.

C'est bon j'ai réussi, merci 😊
Je laisse le code pour les intéressé.

Code:

---

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 29 30 31 32 33 34 35 36 37 38

{% if array_recruting.id != null %} <button type="submit" class="btn btn-primary waves-effect" id="bouh">CLICK ME </button>     <script> $('button.btn-primary').click(function () { var btnId = $(this).attr("id"); warning(btnId); });   function warning(btnId) { swal({ title: "Are you sure?", text: "You will not be able to recover this imaginary file!", type: "warning", showCancelButton: true, confirmButtonColor: "#DD6B55", confirmButtonText: "Yes, delete it!", cancelButtonText: "No, cancel plx!", closeOnConfirm: false, closeOnCancel: false }, function (isConfirm) { if (isConfirm) { swal("Deleted!", "Your imaginary file has been deleted.", "success"); $.ajax({ method: "POST", url: "{{ path('deleteRecruting', {'id': array_recruting.id } ) }}", data: {} }) } else { swal("Cancelled", "Your imaginary file is safe :)", "error"); } }); } </script> {% endif %}

---