autocomplete avec source php

**phico04** · 18/04/2013, 18h27

Bonjour,

Je découvre Jquery et l'autocomplete en particulier.

Lorsque mes données sont en "interne", pas de soucis.

Si je fais appel à une source php, l'évènement ne fonctionne pas.

Voici mon code 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
 
<!doctype html> 
<html lang="fr">
<head>  
 
<meta charset="utf-8" />  
<title>jQuery UI Autocomplete - Default functionality</title>  
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />  
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>  
<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>  
<link rel="stylesheet" href="/resources/demos/style.css" />  
 
<script type="text/javascript">
 jQuery(document).ready(function($){
	$('#rech').autocomplete({source:'getautocomplete.php', minLength:2});
	});
</script>	
 
 </head>
 <body> 
 <div class="ui-widget">  
 <label for="tags">Client : 
 </label>  
 <input id="rech" />
 </div>  
 </body>
 </html>

et la source 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
 
<?php 
include ("./include/mes_fonctions.php"); 
open_db();
 
$term=$_GET["term"];  
$query=mysql_query("SELECT * FROM tiers where tie_nom like '%".$term."%' order by tie_nom "); 
if ( ! $query )
die ('mysql_query error SELECT tiers' . mysql_error());
 
$json=array();     
while($student=mysql_fetch_array($query))
{         
$json[]=array(
              'value'=> $student["tie_nom"],                    
	'label'=>$student["tie_nom"]                       
					);    
}  
echo json_encode($json); 
?>

Merci pour votre aide.

**andry.aime** · 18/04/2013, 19h05

Bonsoir,

Peux tu montrer ce que retourne la page php en passant directement à l'url la variable "term"?

A+.

**phico04** · 18/04/2013, 19h26

voici le résultat demandé Andry :

http://127.0.0.1:8080/grany%20v2/get...e.php?term=dep

[{"value":"Deprez","label":"Deprez"},{"value":"Depry","label":"Depry"}]

Celà correspond bien au critère encodé.

**danielhagnoul** · 19/04/2013, 21h01

Bonsoir

Deux pistes :

Les propriétés label et value sont inversées :

An array of objects with label and value properties: [ { label: "Choice1", value: "value1" }, ... ].

.
Il n'y a aucune méthode select dans votre code. Voir le code de l'exemple : http://jqueryui.com/autocomplete/#remote.

autocomplete avec source php

jQuery

Vue hybride

Discussions similaires

Partager

Partager