AutoComplétion de JQuery

**ichii** · 21/09/2016, 18h36

Bonjour

je suis en train de suivre un cours sur l'autocompletion, au début du cours tous a bien marche , mais quand je suis arrive a la partie Récupérer une liste externe et Récupérer des données depuis une liste personnelle sa ne marche pas
voila mon code
le ficher HTML

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
39
40
41
<!DOCTYPE html>
 
<html>
 
    <head>
 
        <meta charset="iso-8859-1" />
 
        <title>Votre titre</title>
 
 
 
        <!-- inclusion du style CSS de base -->
 
    <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/themes/smoothness/jquery-ui.css" />
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/jquery-ui.min.js"></script>
 
    </head>
 
 
    <body>
 
<form>
 
    <input type="text" id="recherche" />
 
</form>
<script>
 
$('#recherche').autocomplete({
 
    source : 'autocomplete.php'
 
});
 
</script>
 
    </body>
 
</html>

le ficher autocomplete.php

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

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
<?php
 
 
/* veillez bien à vous connecter à votre base de données */
 
 try {
            $bdd = new PDO('mysql:host=localhost;dbname=alnakhil', 'root', '');
        } catch(Exception $e) {
            exit('Impossible de se connecter à la base de données.');
        }
 
 
 if(isset($_GET['term'])) {
 
$term = $_GET['term'];
 
 
$requete = $bdd->prepare('SELECT * FROM ceramique WHERE nom LIKE :term'); // j'effectue ma requête SQL grâce au mot-clé LIKE
 
$requete->execute(array('term' => '%'.$term.'%'));
 
 
$array = array(); // on créé le tableau
 
 
while($donnee = $requete->fetch()) // on effectue une boucle pour obtenir les données
 
{
 
    array_push($array, $donnee['pseudo']); // et on ajoute celles-ci à notre tableau
 
}
 
 
echo json_encode($array); // il n'y a plus qu'à convertir en JSON 
 }

**Toufik83** · 23/09/2016, 11h39

bonjour,
met ta fonction autocomplete dans le document.ready :

Code jQuery :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
$(document).ready({
    $('#recherche').autocomplete({
    source : 'autocomplete.php'
 
    });
});

ou :

Code jQuery :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
$(function(){
   $('#recherche').autocomplete({
   source : 'autocomplete.php'
   });

});

AutoComplétion de JQuery

jQuery

Vue hybride

Discussions similaires

Partager

Partager