Discussion :

[gtraxx]

Bonjour je souhaite avoir plusieurs champ autocomplete sur la même page, seulement pour faire une requête get différente il faut placer les bons paramètres
Pour le moment je fais des tests mais je ne parviens pas a comprendre comment passer un autre paramètre que celui de base étant "term".

Code :

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

1
2
3
4
5
6
 
$( "#city" ).autocomplete({
	    minLength: 2,
	    scrollHeight: 220,
	    source: "/search.php"
	});

J'ai pour le moment un retour sur ma requete json assez basique mais j'aimerai avoir plus de données dans le menu déroulant pour qu'il soit plus parlant.

Code :

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

[{"value":"Herstappe"},{"value":"Herstal"}]

Donc je souhaite avoir visuellement :

Code :

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

[{id:"Herstal","value":"Herstal",postcode:"4040"}]

Visuellement avoir herstal en gras ainsi que son code postal a sa droite mais une fois cliquer n'avoir que la ville.
J'ai juste vu brievement qu'il faut faire la requete json directement dans le paramètre source.
auriez-vous un exemple pour m'aider ?

[gtraxx]

Je reviens sur mon problème, j'ai tester plusieurs forme afin d'avoir ce que je souhaite.
Bon pour l'instant je ne parviens toujours pas a remplacer le paramètre term par un autre défini par mes soins.
Voila la requête qui fonctionne plus ou moins :

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
$( "#city" ).autocomplete({
	    minLength: 2,
	    scrollHeight: 220, 
        source: function(req, add){  
            //pass request to server  
        	$.ajax({
            	url:"/search.php?callback=?",
            	type:"get",
            	dataType: 'json',
            	data: req,
            	async: true,
    			cache:false,
    			success: function(data){
    				var suggestions = [];  
                    //process response  
                    $.each(data, function(i, val){  
                    	suggestions.push(val.value);  
                	});  
                	//pass array to callback  
                	add(suggestions); 
    			}
            });
    	} 
	});

[gtraxx]

J'ai trouver, je vous donne la réponse a mon problème
Il faut donner un paramètre dans la requête de type data:

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
$( "#city" ).autocomplete({
		    minLength: 2,
		    scrollHeight: 220, 
	        source: function(req, add){
	        	$.ajax({
	            	url:"/search.php?callback=?",
	            	type:"get",
	            	dataType: 'json',
	            	data: 'city='+req.term,
	            	async: true,
	    			cache:false,
	    			success: function(data){
 
	    				var suggestions = [];  
	                    //process response  
	                    $.each(data, function(i, val){  
	                    	suggestions.push(val.value);  
	                	});  
	                	//pass array to callback  
	                	add(suggestions); 
	    			}
	            });
	    	},
			open: function() {
				$( this ).removeClass( "ui-corner-all" ).addClass( "ui-corner-top" );
			},
			close: function() {
				$( this ).removeClass( "ui-corner-top" ).addClass( "ui-corner-all" );
			} 
		});