Posez votre question Signaler

Supprimer plusieurs lignes sélectionnées [Résolu]

-
Javascript / DHTML Posez votre question Signaler
Bonjour à tous,

J'ai un souci au niveau de mon code pour la suppression d'une ligne sélectionnée.
En effet, j'aimerais quand je sélectionne une ligne dans mon tableau via une case à cocher d'arriver à la supprimer.
J'aimerais aussi sélectionner plusieurs lignes et les supprimer en même temps.
La suppression côté client marche mais côté serveur elle ne fonctionne pas. Je vous remercie par avance.

Code ci-dessous : 

<div>
 <a type="button" class="delete">Supprimer</a>
</div>
<div id="msg"></div>
<table>
 <form method="post" action="delete.php"> 
    <thead>
       <tr>
          <th><input type="checkbox" id="head"></th>
          <th>Name</th>
          <th>Delete</th>
       </tr>
    </thead>
    <tbody>
       <?php
          // connexion à la Bd
          require_once("db.php");
 
          // requête 
          $sql = "SELECT * FROM cat ORDER BY cat_id DESC";
          $req = $db->prepare($sql);
          $req->execute() or die(print_r($req->errorInfo()));
          $rows = $req->fetchAll();
 
          foreach($rows as $row) {
       ?>
       <tr data-row-id="<?=$row["cat_id"];?>">
          <td><input type="checkbox" class="check" data-id="<?=$row["cat_id"];?>"></td>
          <td><?=$row["cat_name"];?></td>
          <td><a class="remove" data-id="<?=$row["cat_id"];?>" href="javascript: void(0)"><img src="supprimer.jpg" alt="supprimer"></a></td>
       </tr>
       <input type="hidden" name="cat_delete" value="<?=$row["cat_id"];?>">
       <?php
          }
       ?> 
    </tbody>
 </form>
</table>


<script>
          $(document).ready(function(){
                $('#head').on('click', function(e) {
                    if($(this).is(':checked', true)) {
                        $(".check").prop('checked', true);  
                    } else {  
                        $(".check").prop('checked', false);  
                    }  
                });
 
                $('.delete').on('click', function(e) {
                   e.preventDefault();
 
                   var $this = $(this); 
                   var cat_delete = $this.find('[name="cat_delete"]').val();
                   var all = []; 
 
                     $(".check:checked").each(function() {  
                         all.push($(this).attr('data-id'));
                     });  
 
                     if(all.length <=0) {  
                         alert("Veuillez sélectionner une ligne !");  
                     } else {  
                         var DELETE = "Voulez-vous vraiment supprimer cette ligne ?";  
                         var check = confirm(DELETE); 
 
                         if(check == true){ 
                             $.ajax({   
                                 type: "POST",  
                                 url: "delete.php",  
                                 cache:false,  
                                 data: $this.serialize(), 
                                 beforeSend: function() {
                                    $this.after('<img src="loader.gif" alt="loading" id="loading">');
                                }, 
                                 success: function(response) {
                                  console.log(response);   
 
                                     $("#loading").hide();  
                                     $("#msg").html(response);
                                 }   
                             });
 
                            $.each(all, function(index, value) {
                               $('table tr').filter("[data-row-id='" + value + "']").remove();
                            });
                         }  
                     }  
                 });
 
                 $('.remove').on('click', function(e) {
                     var DELETE = "Voulez-vous vraiment supprimer cette ligne ?";  
                      var check = confirm(DELETE);  
                      if(check == true){
                          $('table tr').filter("[data-row-id='" + $(this).attr('data-id') + "']").remove();
                      }
                 });
             });
       </script>


// fichier delete.php
require_once("db.php");
 
$cat_delete = $_POST['cat_delete'];
 
if (isset($cat_delete)){
 // requête 
 $q = array('cat_delete'=>$cat_delete);
 $sql = "DELETE FROM cat WHERE cat_id = :cat_delete";
 $req = $db->prepare($sql);
 $req->execute($q) or die(print_r($req->errorInfo()));
}
Afficher la suite 

Votre réponse

Répondre au sujet

4 réponses

Signaler Commenter la réponse de jordane45
Messages postés
24659
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
23 février 2019
 363
0
Merci
Bonjour,

Regarde côté ajax ... 
  data: $this.serialize(),


Et côté php : 
$cat_delete = $_POST['cat_delete'];



Ne vois tu pas l'erreur ?


Fais donc, côté php, un 
 print_r($_POST);
. et regarde ce que ça t'affiche (dans la CONSOLE de ton navigateur)

Commenter la réponse de jordane45
Signaler Commenter la réponse de Utilisateur anonyme
0
Merci
Bonjour @jordane45,

Merci encore pour ta contribution.
En faisant ceci dans mon code : 


// fichier delete.php
require_once("db.php");
 
$cat_delete = $_POST['cat_delete'];
 
if (isset($cat_delete)){
 // requête 
 $q = array('cat_delete'=>$cat_delete);
 $sql = "DELETE FROM cat WHERE cat_id = :cat_delete";
 $req = $db->prepare($sql);
 $req->execute($q) or die(print_r($req->errorInfo()));
} else {
   echo 'erreur !';
}


J'ai l'erreur qui s'affiche mais un 
print_r($_POST);
ne me revoie rien.

Cordialement,
Signaler Commenter la réponse de jordane45
jordane45
Messages postés
24659
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
23 février 2019
 363 -
J'ai l'erreur qui s'affiche

Quelle erreur ?

mais un print_r($_POST); ne me revoie rien

Ca te retourne au moins un ARRAY vide non ?
Comment "vérifies" tu ? Dans quel écran ?
=> Il faut regarder dans la console du navigateur au niveau de la requete ajax....


Pour les tests on va faire un truc en plus: 
var datas = $this.serialize();
console.log(datas);
 $.ajax({   
                                 type: "POST",  
                                 url: "delete.php",  
                                 cache:false,  
                                 data: datas, 
                                 beforeSend: function() {
                                    $this.after('<img src="loader.gif" alt="loading" id="loading">');
                                }, 
                                 success: function(response) {
                                  console.log(response);   
 
                                     $("#loading").hide();  
                                     $("#msg").html(response);
                                 }   
                             });


Que donne ceci par exemple ?
Commenter la réponse de Utilisateur anonyme
Signaler Commenter la réponse de Utilisateur anonyme
0
Merci
La console m'affiche ceci : Notice: Undefined index: cat_delete in C:\www\delete.php on line 5
Afficher les 6 commentaires
Signaler Commenter la réponse de Utilisateur anonyme
Utilisateur anonyme > jordane45
Messages postés
24659
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
23 février 2019
 -
Tu compliques trop les choses et tu tournes autour.
Ce que je cherche à comprendre c'est juste la manière de récupérer mon tableau en php.
Signaler Commenter la réponse de jordane45
jordane45
Messages postés
24659
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
23 février 2019
 363 > Utilisateur anonyme -
Tu crois que je t'ai donné quoi comme code ????
Tu l'as testé au moins ?
Signaler Commenter la réponse de Utilisateur anonyme
Utilisateur anonyme > jordane45
Messages postés
24659
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
23 février 2019
 -
Je l'ai testé mais je n'ai rien comme résultat à part cette : TypeError: b is undefined 

.........

var elm = $(this).find('[name="cat_delete"]').val();
var all = [];

if(check == true){ 
       var datas = {elm:JSON.stringify(all)};
       //console.log(datas);
        $.ajax({   
                 type: "POST",  
                 url: "delete.php",  
                 cache:false,  
                 data: 'ref='+datas, 
                 beforeSend: function() {
                         $this.after('<img src="loader.gif" alt="loading" id="loading">');
                  }, 
                  success: function(response) {
                         console.log(response);   
 
                          $("#loading").hide();  
                          $("#msg").html(response);
                     }   
             });
 
             $.each(all, function(index, value) {
                    $('table tr').filter("[data-row-id='" + value + "']").remove();
              });
}


// fichier delete.php
require_once("db.php");
 
$ref = $_POST['ref'];
 
if (isset($ref)){
       foreach ($ref as $val) { 
             $q = array('ref'=>$val);
             $sql = "DELETE FROM cat WHERE cat_id = :ref";
             $req = $db->prepare($sql);
             $req->execute($q) or die(print_r($req->errorInfo()));
       }
} else {
     echo 'erreur !';
}
Signaler Commenter la réponse de jordane45
jordane45
Messages postés
24659
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
23 février 2019
 363 > Utilisateur anonyme -
Pourrais tu, le temps des tests .. modifier ton fichier php (delete.php) pour n'y mettre QUE ceci : 
print_r($_POST);

et nous dire ce que ça te retourne dans la console ?
Car j'ai testé chez moi... et ça fonctionne parfaitement.
Signaler Commenter la réponse de Utilisateur anonyme
Utilisateur anonyme > jordane45
Messages postés
24659
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
23 février 2019
 -
Voilà ce que je trouve dans la console : ref : [objectObject]
et cette erreur : Conversion failed when converting the varchar value '[objectObject]' to data type int.
Commenter la réponse de Utilisateur anonyme
Signaler Commenter la réponse de Utilisateur anonyme
0
Merci
J'ai remplacé cette ligne : 
var datas = {elm:JSON.stringify(all)};
par celle-ci : 
var datas = all.join(",");
et ça marche maintenant.

Un autre petit souci ce que je n'arrive pas à supprimer plusieurs lignes sélectionnées en même temps. Si j'essaye de le faire voici l'erreur que ça m'affiche : Conversion failed when converting the varchar value '6,5' to data type int.
Signaler Commenter la réponse de jordane45
jordane45
Messages postés
24659
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
23 février 2019
 363 -
il faut que tu transformes cette liste en ARRAY, puis que dans ton code php tu BOUCLES dessus (comme je te l'avais indiqué dans un précédent message)
Signaler Commenter la réponse de jordane45
jordane45
Messages postés
24659
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
23 février 2019
 363 -
Tu aurais pu laisser le JSON.stringify
par contre côté PHP tu devais, pour récupérer ta variable en ARRAY faire : 
<?php

//récupération de la variable POST
$elmarr = !empty($_POST['elm']) ? $_POST['elm'] : NULL;
//transformation en ARRAY
$arr_elm = json_decode(stripslashes($elmarr));


//boucle dessus
$result = 'ok';
foreach($arr_elm as $val){
  $q = array(':ref'=>$val);
  $sql = "DELETE FROM cat WHERE cat_id = :ref";
   try{    
       $req = $db->prepare($sql);
       $req->execute($q) ;
   }catch(Exception $e){
     //voila comment on gere les erreurs en PDO
      $result = "Error ! ".$e->getMessage();
   }
}


//renvoie des données en JSON vers le javascript
echo json_encode($result);


?>
Commenter la réponse de Utilisateur anonyme

Votre réponse

Répondre au sujet
Posez votre question
S'inscrire maintenant

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.