Discussion :

[Daviloppeur]

Bonjour,

Je voudrais mettre en place un formulaire de sélection de ville utilisant l'autocomplétion de JQuery à partir d'un flux JSON. Voici mon code:

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
$("#inputLieu").autocomplete({
	minLength : 3,
	source: function(requete,reponse){			
		$.ajax({
			url:'http://www.monflux.json' // adresse volontairement supprimée
			dataType:'json',
			data : {
				name_startsWith : $('#inputLieu').val(), // on donne la chaîne de caractère tapée dans le champ de recherche
				maxRows : 10
			},				
			success:function(donnee){					
				reponse($.map(donnee.results,function(objet){
					var valLieu=''+objet.tra_place;
					valLieu=valLieu.substr(0,3);	// on garde uniquement les 3 premiers caracteres
					if (valLieu == $('#inputLieu').val()){
						return objet.tra_place;							
					}
				}));
			}
		});
	}
});

La fonction marche bien mais le problème est qu'elle me sort aussi tous les doublons. Si dans mon flux JSON j'ai plusieurs éléments avec la même ville lors de l'autocomplétion je les vois tous. Je voudrais seulement voir apparait le nom de la ville une fois et passer à la prochaine occurence unique correspondant à ce que j'ai mis au clavier. Cela est t'il possible ?

[SpaceFrog]

si tu ne peux pas faire un array unique sur ton json conté serveur, fais le sur le success

crées un nouveau json
boucles sur les elements du json reçu et bascules les dasn elnouveau json conditionnellement en testant si ils y existent déja ou non
utilises le nouveau json ainsi crée pour ton autocomplete

[Daviloppeur]

Ok, merci je comprends le principe mais je n'arrive pas à modifier mon success convenablement pour éliminer les doublons.
Voici ce que j'ai fais:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
success:function(donnee){					
	reponse($.map(donnee.results,function(objet){
		tabDoublon.push(''+objet.tra_place);
		var valLieu=''+objet.tra_place;
		valLieu=valLieu.substr(0,minCompletion);						
		if (valLieu == $('#inputLieu').val()){
		         if (jQuery.inArray(''+objet.tra_place,tabDoublon)) {
				alert("doublon"+objet.tra_place);	//doublon on fait rien
			} else {											
			        alert("pas doublon"+objet.tra_place);
			        return objet.tra_place;				// pas doublon on renvoi l'objet										
			}															
		}

ma fonction est visiblement buggé car les doublons ne sont pas détectés convenablement. Voyez vous d’où vient mon erreur ?