modifier parametre get pour autocomplete

Version imprimable

11/04/2011, 16h57
gtraxx

modifier parametre get pour autocomplete
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 :D
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:

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:

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

Donc je souhaite avoir visuellement :

Code:

[{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 ?

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:

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); 
    			}
            });
    	} 
	});

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

Code:

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" );
			} 
		});