autocomplete() récupérer les données de la requête

Bonjour,
j'utilise l'autocomplete() de jquery ui qui fonctionne très bien. J'ai un joli menu avec des propositions de villes. Je voudrais maintenant récupérer les données contenues dans le json reçu pour pouvoir ajouter des marqueurs sur une googleMap.
Mon problème est que je trouve très peu de doc.

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

$(function(){   $('#fos_user_registration_form_ville').autocomplete({ source : Routing.generate('l2_geo_town_ajax', {}), minLength : 3,   response : function( event, ui ) { var map = new GMaps({ el: '#map', lat: 48.866, lng: 2.333 }); map.addMarker({ lat: 48.866, lng: 2.333, label: '1', });   },   select : function(event, ui){ $('#fos_user_registration_form_idville').val(ui.item.id); }   });   });

---

est ce que je dois utiliser Autocomplete("instance") si oui comment ? ou est ce qu'il est possible d'accéder directement aux données avec un truc du style ui.item.lt, ui.item.lg

par avance merci

vous voulez la liste des coordonnées des points retournés par le serveur ou seulement le point sélectionné par l'utilisateur ?

j'aimerai ajouter des marqueurs correspondant à chaque ville, donc la liste complète.

vous pouvez récupérer cela à l'évènement "response". regardez ce qu'il y a dans la variable "ui".

Je soupçonnais bien que les données qui m’intéressent sont dans la variable ui qui si je ne dis pas de bêtises est un array d'objet, le problème et que je ne sais pas comment y accéder. ui[i].item.lt ? val(ui[i].item.lt ? j'ai essayé des solutions de ce genre mais elles ne fonctionnent pas.

bonjour,
si tu fais un console.log(JSON.stringify(ui)), ça donne quoi ?

J’obtiens ceci

Code:

---

{"content":[{"value":"Macully","id":23780,"lg":"6.0635","lt":"45.9325","label":"Macully"},{"value":"Macquigny","id":23781,"lg":"3.5502","lt":"49.8857","label":"Macquigny"},{"value":"Macqueville","id":23782,"lg":"-0.2139","lt":"45.7993","label":"Macqueville"},{"value":"Mâcot-la-Plagne","id":23783,"lg":"6.6667","lt":"45.5500","label":"Mâcot-la-Plagne"},{"value":"Macornay","id":23784,"lg":"5.5420","lt":"46.6460","label":"Macornay"}]}

---

il me semble qu'il existe une méthode .contents(), il faut que je lise la doc à son sujet, c'est peut être d'elle dont j'ai besoin.

je viens de trouver la solution,
Mon erreur venait du fait que je pensais récupérer un tableau avec des labels, alors que ui est un json et doit donc être traité en tant que tels, ce qui donne:

Code:

---

1 2 3 4

map.addMarker({ lat : ui.content[0].lt, lng : ui.content[0].lg, });

---

merci à tous et en particulier à Toufik83 qui m'a mis sur la voie.

ou alors tu peux directement parcourir l'objet "ui.content" avec $.map ou avec d'autres fonctions jQuery...(y'en a plusieurs)

Code:

---

1 2 3 4 5 6 7 8

$.map(ui.content,function(valeur,key){ console.log('key :'+key+', value :'+valeur.value +', id :'+valeur.id +', lg :'+valeur.lg +', lt :'+valeur.lt +', label :'+valeur.label); });

---