Hoe werkt de jQueryUI autocomplete met JSON?

Gestart doorAarclay4 reacties58 weergaven

5 berichten · pagina 1 van 1

Aarclay

Lid · Topicstarter

Berichten
10.421
Reputatie
4
Punten
0,00
Lid sinds
Laatst gezien
Ikzelf zit me af te vragen wat nou eigenlijk de manier is om een JSON-result via de JqueryUI autocomplete in te laden? Iemand die me er wat meer over kan vertellen?

Ikzelf heb deze code:

// debug functie om te kijken wat er aangeklikt is...
function log(message) {
            $( "<div>" ).text( message ).prependTo( "#log" );
            $( "#log" ).scrollTop( 0 );
}

$(document).ready(function(){
 $("#stationsearch").autocomplete({
            source: "station_suggest.php",
        minLength: 2,
        select: function( event, ui ) {
            log( ui.item ?
                "Selected: " + ui.item.places.plaats + " aka " + ui.item.places.afkorting :
                "Nothing selected, input was " + this.value );
        }
 });
});


Maar ik vraag me af hoe ik de waardes uit mijn station_suggest.php kan ophalen? Tot nu toe toont de autocomplete niks.

De JSON-result ziet er als bijv. volgt uit (is aanpasbaar via de ?term=helmond parameter...)

{"count":4,"places":[{"plaats":"Helmond","afkorting":"hm"},{"plaats":"Helmond t Hout","afkorting":"hmh"},{"plaats":"Helmond Brandevoort","afkorting":"hmbv"},{"plaats":"Helmond Brouwhuis","afkorting":"hmbh"}]}


Tot nu toe tonen ui.item.places.plaats, nog niks, dus dit is fout. Hoe moet het dan wel?
Ook de dropdown is behoorlijk leeg, deze moet ook gevuld worden.
0
Berichten
13.482
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Als ik dat voorbeeld op de jQueryUI website bekijk, zie ik bij hen als response

Codeblok (?term=spoo):

1

[{"id":"Platalea leucorodia","label":"Spoonbill","value":"Spoonbill"},{"id":"Eurynorhynchus pygmaeus","label":"Spoon-Billed Sandpiper","value":"Spoon-Billed Sandpiper"}]

Ik weet niet of het wel zo kan als jij wilt.. Bij het voorbeeld is het dus zo dat je direct de resultaten in een array krijgt ipv een array met het aantal en een array met de suggesties..
0
Aarclay

Lid · Topicstarter

Berichten
10.421
Reputatie
4
Punten
0,00
Lid sinds
Laatst gezien
Als het niet anders kan, dan hoor ik dat graag, dan bouw ik het om naar een enkele array. Maar ik denk dat het moet kunnen op een manier? Met PHP kan je ook een deel van een multidimensionale array doorloopen/uitlezen...
0
Berichten
13.482
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Als ik zo de source van ui/jquery.ui.autocomplete.js bekijk, lijkt het erop dat de item.label en item.value er hardcoded in staan..
0
Aarclay

Lid · Topicstarter

Berichten
10.421
Reputatie
4
Punten
0,00
Lid sinds
Laatst gezien
Aiii caraba, dat is dan behoorlijk kâk...
0

Jouw reactie

Deel je idee, stel een vraag of help een ander verder.

Editor laden…

Praat mee met de One2xs-community.

Inloggen om te reageren