Comment obtenir jQuery autocomplete avec PHP + MySQL Ajax et passer de JavaScript

Nouveau

Basé sur cette auto complet plugin http://www.devbridge.com/projects/autocomplete/jquery/

Votre JavasSript aurez besoin de regarder quelque chose comme:

//Start auto complete
a1 = $("#query").autocomplete({
    serviceUrl:'search.php', //tell the script where to send requests
    width: 448, //set width

    //callback just to show it's working
    onSelect: function(value, data){ alert('You selected: ' + value + ', ' + data); } 
});

Et PHP (search.php) doivent être:

///
/*** connect to your DB here ***/
///

//retrieve the search term and strip and clean input
$term = trim(strip_tags($_GET['query'])); 

//try to make user input safer
$term = mysqli_real_escape_string($term);

//build a query on the database
$qstring = "SELECT description as value,id FROM test WHERE description LIKE '%".$term."%'";

//query the database for entries containing the term
$result = mysql_query($qstring);

//array to return
$reply = array();
$reply['query'] = $term;
$reply['suggestions'] = array();
$reply['data'] = array();

while ($row = mysql_fetch_array($result,MYSQL_ASSOC))//loop through the retrieved values
{
    //Add this row to the reply
    $reply['suggestions'][]=htmlentities(stripslashes($row['value']));
    $reply['data'][]=(int)$row['id'];
}

//format the array into json data
echo json_encode($reply);

Le plugin s'attend à ce json comme ci-dessous qui présente PHP doit fournir

query:'Li',
suggestions:['Liberia','Libyan Arab Jamahiriya','Liechtenstein','Lithuania'],
data:['LR','LY','LI','LT']

Note, je ne l'ai pas testé, mais ça devrait être bon!

---

Vieille Réponse

Voir ici: http://www.simonbattersby.com/blog/jquery-ui-autocomplete-with-a-remote-database-and-php/

Tout d'abord si vous n'êtes pas à l'aide de jQuery autocomplete plugin (celle prise en charge par jQuery dans le cadre de jQuery UI) mettre le tout en place. http://jqueryui.com/demos/autocomplete/#remote

Vous vous demandez comment retravailler complètement le système.

Pour commencer, vous aurez besoin d'utiliser Ajax pour envoyer le match en chaîne à la base de données via PHP en tant que proxy, puis PHP devrez retourner les résultats et avoir le Javascript de les lire.

De sorte que vous aurez besoin de l'utiliser (comme la config):

a1 = $("#query").autocomplete({
source: "search.php"
width: 448  
});

Et quelque chose comme (comme PHP)

//connect to your database

$term = trim(strip_tags($_GET['term']));//retrieve the search term that autocomplete sends

$qstring = "SELECT description as value,id FROM test WHERE description LIKE '%".$term."%'";
$result = mysql_query($qstring);//query the database for entries containing the term

while ($row = mysql_fetch_array($result,MYSQL_ASSOC))//loop through the retrieved values
{
        $row['value']=htmlentities(stripslashes($row['value']));
        $row['id']=(int)$row['id'];
        $row_set[] = $row;//build an array
}
echo json_encode($row_set);//format the array into json data

OriginalL'auteur Pez Cuckow

Au lieu d'utiliser le plugin que vous avez utilisé, utiliser le plugin disponible sur le lien suivant :

Jquery UI Autocomplete

À l'aide de ce plugin, vous pouvez obtenir l'accès aux données de la base de données à l'aide de php. Il travaillera sûrement.

OriginalL'auteur Shantanu Nirale