Afficher les informations de ma base de données avec ajax

Fermé
fad2015 Messages postés 38 Date d'inscription lundi 23 février 2015 Statut Membre Dernière intervention 30 mars 2015 - Modifié par jordane45 le 31/03/2015 à 00:04
bonjour,

j'ai un formulaire contenant un bouton(submit) et une liste(ville).
lorsqu'on choisi une ville et qu'on clique sur le bouton valider, tous les clients de cette ville s'affiche dans le tableau sur la même page(ça marche bien jusque là).

Maintenant devant chaque client affiché, j'ai une case à cocher(checkbox).
Lorsqu'on coche une case d'un client et qu'on clique sur le bouton valider, j'aimerais que ce client s'efface de la BD, qu'on puisse revenir sur la même page en affichant les mêmes clients de cette ville.

voici mon code qui affiche tous les clients en fonction des villes sélectionnée dans la liste.

affichage. php

<div id="aff">
<form >
ville : 
 <select  name="ville" id="sel_ville" onclick="afficheVille(this.value, 'http://djimba.host22.com/wp-content/themes/twentyfifteen/formulaire/rechercheVille.ajx.php');"> 
<option value="choisir une ville"></option>
 <?php
 while( $data=mysql_fetch_array($arrVilles)) { //insertion des villes de la BD dans la liste
  $ville = $data['ville'];
echo "<option value='$ville'>$ville</option>";
       }
       ?>
 </select>
<input type="submit" name="traite" value="Valider" class="valider_user">

<script type="text/javascript"> //Script permettant de rafraichir la page 
       //en fonction de la ville selectionnée
       // Necessite la librairie JQUERY
       function afficheVille(ville,src){
       
       urlAjx = src;
        $.ajax({   
       type: "POST",
        url:urlAjx,
        data: "ville="+ville,
        async: false,
        dataType: "html",
        success: function(data){
          $("#tbody_detail").html(data);
        },
        error:function(reponse){
        alert('error ' + reponse);
        }
        });
        
       }
       </script>    
      <!-- <input type="submit" value="RECHERCHER" >       
 <table border=1" id="tbl_donnees"> 
 <thead>
<tr> 
 <th> ***** entête de mon tableau </th>
            
 </tr> 
</thead>
<tbody id="tbody_detail">
          
</tbody>
 </table> 
</form>
     </div><!-- #centre -->


le code de ma page rechercheVille.ajx.php
<?php
//rechercheVille.ajx.php 
//------------------------------------------------------
// >>>>> Inclusion le fichier de connexion à la BDD
//------------------------------------------------------

 $result="";
 $ville=isset($_POST['ville'])?$_POST['ville']:NULL;
 if($ville){ 
  $req='select * from Client where clt_ville="'.$_POST['ville'].'"'; 
  $res=mysql_query($req); // lancement de la requêtre 

   while( $data=mysql_fetch_array($res)) {  
   $result .="
     <tr>   
 <td><font size=2>".$data['clt_nom']."</font></td> 
 //******affichage du reste des inforation de la base 
           
     </tr>";    
    } 
 }
 print ($result);
?>


mon véritable problème est comment revenir afficher les clients de la même ville sur la même page après la suppression de ceux qui ont été coché.

pouvez-vous m'aider s'il vous plait?

merci d'avance


cordialement