11484 sujets

JavaScript, DOM et API Web HTML5

Plugin TokenInput n'affiche pas la liste lors de la recherche ...

Bonsoir à vous,

en fait, j'essaie d'utiliser le plugin inputToken mais je n'arrive à faire en sorte qu'il affiche la liste des résultats retournés quand je fais une recherche.

Voici mon code HTML :


<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8" />
    <meta name="description" content="website">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Website</title>
</head>
<body>
<form action="#" method="post" role="form">
    <div>
        <label for="collaborators">Collaborateurs</label>
        <input type="text" name="collaborators" id="collaborators" size="80" maxlength="80" />
        <br />
        <input type="button" name="btnSubmit" value="Soumettre" />
    </div>
</form>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-tokeninput/1.7.0/jquery.tokeninput.js"></script>
<script>
    $(document).ready(function(){
        $("#collaborators").tokenInput("collaborators.php");
    });
</script>
</body>
</html>


Voici mon code php :


    $keysearch = $_GET['q'] . '%';

    $sql_search_user = $db->prepare("SELECT USER_NAME FROM USER WHERE USER_NAME LIKE ?");
    $sql_search_user->execute(array($keysearch));

    $usersData = array();

    $count_user = $sql_search_user->rowCount();

    if ($count_user > 0)
    {
        while ($user_infos = $sql_search_user->fetch(PDO::FETCH_ASSOC))
        {
            $usersData[] = $user_infos;
        }
    }

    echo json_encode($usersData);


Voici ce que mon tableau retourne :

[{"USER_FIRSTNAME":"Bouraada"},{"USER_FIRSTNAME":"Boussouf"}]

Malheureusement, je ne sais pas pourquoi il ne m'affiche pas les résultats retournés.

Avez-vous une idée ?

Merci d'avance

Bonne journée
Thierry
Modifié par THIRT05 (26 Apr 2019 - 20:52)
Sujet clos
Aller à