JSON ophalen met JqueryUI autocomplete
Ikzelf heb deze code:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
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 );
}
});
});
$( "<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=helmo
Code (php)
1
{"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?
Gewijzigd op 20/03/2013 13:04:15 door Tim S
Code (php)
1
[{"lable":"Helmond","id":"hm"},{"lable":"Helmond 't Hout","id":"hmh"},{"lable":"Helmond Brandevoort","id":"hmbv"},{"lable":"Helmond Brouwhuis","id":"hmbh"}]
Lijkt erop dat jQueryUI verplicht een id en een label nodig heeft. Jammer dat het niet instelbaar is.