Récupérer et afficher des données d'une BDD

Bonjour à tous,

J'aimerai récupérer des données clients stockées dans une bdd Mysql au clic sur un button pour les afficher ensuite dans des div (par exemple...) sans recharger la page !
J'essaie de m'aider de codes que j'utilise sur d'autres pages dans mon application qui remplissent des select ou qui font de l'autocompletion mais pour faire un truc simple comme ça je ne sais pas quelle fonction (ou instruction) utiliser !
Voici où j'en suis : 

<tbody>
	<?phpwhile ($data_client = $req_clients->
	fetch()){?>
	<tr id="id_<?php echo $data_client['id_client']; ?>" class="list-group-item">
		<td>
			<input type="button" name="client" class="stretched-link" onclick="listGroupActive(<?php echo $data_client['id_client']; ?>)">
		</td>
		<td class="list-group-item-figure">
			<div class="tile-circle bg-blue">
				<?phpecho substr($data_client['nom'], 0,1);?>
			</div>
		</td>
		<td class="list-group-item-body">
			<h4 class="list-group-item-title"><?php echo $data_client['nom'] . ' ' . $data_client['prenom'];?></h4>
			<p class="list-group-item-text">
				<?php echo $data_client['ville'];?>
			</p>
		</td>
	</tr>
	<?php}?>
</tbody>
</table>

// #################### ACTIVER FICHE CLIENT 1 AU CHARGEMENT ############################

// Récupération du n° du premier client : 
var numClientActif = "<?php echo $num_premier_client; ?>";
var clientActif = document.getElementById('id_' + numClientActif);
// Ajout de la class 'active' : 
clientActif.classList.add("active");

// #################### ACTIVER FICHE CLIENT AU CLIC ############################
function listGroupActive(arg) {
    var clientId = 'id_' + arg;
    // Suppression de la class 'active' de précédent client : 
    clientActif.classList.remove("active");
    // Attribution de la class 'active' au nouveau client : 
    clientActif = document.getElementById('id_' + arg);
    clientActif.classList.add("active");

    // Chargement de la fiche client qui vient d'être activé :
    $.ajax({
            type: "POST", //Méthode à employer POST ou GET 
            url: "client-data.php", //Cible du script coté serveur à appeler 
            data: 'id_client=' + clientId
        })
        .done// JE BLOQUE ICI !
}

client-data.php

<?php
require ("connexion.php");
if(!empty($_POST["id_client"])){ 

// Requête recherche fiche client : 
    $requete = $bdd->prepare('SELECT * FROM clients WHERE id_client = :id_client');
    $requete->execute(array(
        'id_client' => $_POST['id_client']
    ));


// on effectue une boucle pour obtenir les données 
    while($reponse = $requete->fetch()) {
        $idclient =$donnees['id_client'];
        if($donnees['prenom']<>''){
            $nom = $donnees['nom'] . ' ' . $donnees['prenom'];
        }
        else {
            $nom= $donnees['nom'];
        }
        $adresse = $donnees['adresse'];
        $cp = $donnees['cp'];
        $ville = $donnees['ville'];
        $telephone = sprintf("%s %s %s %s %s",
            substr($donnees['telephone'], 0, 2),
            substr($donnees['telephone'], 2, 2),
            substr($donnees['telephone'], 4, 2),
            substr($donnees['telephone'], 6, 2),
            substr($donnees['telephone'], 8, 2)
        );
        $email = $donnees['email'];

        $json[] = array(
            'nom' => $nom,
            'id' => $idclient,
            'adresse' => $adresse,
            'cp' => $cp,
            'ville' => $ville,
            'telephone' => $telephone,
            'email' => $email
        );
    }

// il n'y a plus qu'à convertir en JSON 
    echo json_encode($json);
}
?>

Merci d'avance pour votre aide !
Linux / Chrome 106.0.0.0