[JS/JSON/PHP/MySQL] Krijg autocompletion niet voor elkaar

[CH4OS]

Ik geef toe, dit zijn mijn eerste stapjes met JS, JSON icm PHP en MySQL.
Ik heb zelf een script gegeven die (als het goed is) een bepaalde output in JSON formaat uitpoept.

Mijn Javascript (jQueryUI, autocompletion) krijg ik echter niet aan de praat en ik zie niet over het hoofd wat ik nu mis doe. Ik ben al twee dagen diverse tutorials aan het iinlezen en begin het een beetje door te krijgen inmiddels en ik geloof dat ik de JSON output inmiddels wel goed heb.

Toch wil het om de een of andere reden niet lukken om het werkend te krijgen.

JavaScript:

$(function() {
    $( "#q" ).autocomplete({
        source: function( request, response ) {
            $.ajax({
                url: "http://cptchaos.nl/mybf3/lib/autocomplete.php",
                dataType: "jsonp",
                data: {
                    featureClass: "P",
                    style: "full",
                    maxRows: 12,
                    name_startsWith: request.term
                },
                success: function( data ) {
                    response( $.map( data.SoldierNames, function( item ) {
                        return {
                            label: item.name,
                            value: item.name
                        }
                    }));
                }
            });
        },
        minLength: 2,
    });
});

Dit is wat ik als JS-code heb,

code:

{"SoldierNames":[{"name":"FastestW"},{"name":"Testalol"},{"name":"Whitest0ne"}]}

is voorbeeld output. Ik dacht eerst dat het wellicht de header was, maar dit heb ik reeds gecorrigeerd middels de header() functie van PHP.

De form die ik gebruik is overigens als volgt:

HTML:

<form method="get" action="index.php?mbfpage=search">
    <input type="hidden" name="mbfpage" value="search" />
    Search for soldiername
    <input name="q" id="q" />
    <input type="hidden" name="type" value="soldier" /> <!-- Deze staat er expres nog even in, moet ik er nog uit halen, komt later -->
    <input type="submit" value="Go!" />
</form>

Ook heb ik de documentatie van jQuery UI erbij gepakt, maar krijg het daarmee niet voor elkaar. Sterker nog, met het voorbeeld krijg ik het wel werkend, ook al zou ik het zo minimaal hebben als bovenstaand. Echter is data.SoldierNames dan uiteraard een andere.

[ Voor 4% gewijzigd door CH4OS op 05-12-2011 22:12 ]

[RobIII]

CptChaos schreef op maandag 05 december 2011 @ 22:06:
op http://cptchaos.nl/mybf3/lib/autocomplete.php?term=test is bijvoorbeeld een test hoe de JSON output eruit ziet

Post de output gewoon even tussen [code] tags ofzo want die pagina zeurt om een login.

Then again: misschien is dat het hele probleem wel; heb je al eens gekeken in Firebug/IE F12 Dev.tools/Chrome Dev.tools/Safari Dev.tools/Opera Dragonfly/Fiddler2/Wireshark oid. wat er precies verstuurd wordt?

[ Voor 32% gewijzigd door RobIII op 05-12-2011 22:10 ]

[CH4OS]

RobIII schreef op maandag 05 december 2011 @ 22:08:
Post de output gewoon even tussen [code] tags ofzo want die pagina zeurt om een login.

Hmmm... Had ik nog niet eens aan gedacht, maar vreemde is wel, ik ben wél ingelogd (met de browser althans).

Then again: misschien is dat het hele probleem wel; heb je al eens gekeken in Firebug/ Chrome Devtools / Wireshark oid. wat er precies verstuurd wordt?

De output is iig als volgt:

code:

{"SoldierNames":[{"name":"FastestW"},{"name":"Testalol"},{"name":"Whitest0ne"}]}

EDIT:
Ook het uitschakelen van de login heeft niet mogen baten.

EDIT2:
Zojuist wat zitten debuggen, het lijkt erop dat jQuery een variabele verstuurd waar mijn autocompletion.php geen rekening mee houdt.

EDIT3:
Ik heb het script verder aangepast, ben er geloof ik bijna, FireBug geeft nu de melding dat er een invalid label is, ik ga even zoeken.

EDIT4:
En ook die is opgelost! Ik gebruikte jsonp ipv json!

[ Voor 25% gewijzigd door CH4OS op 05-12-2011 22:42 ]

[OkkE]

Dus nu werkt het?

[BtM909]

CptChaos, ik ben blij dat je het probleem hebt kunnen oplossen. Mocht je nog specifieke informatie hebben met betrekking tot je oplossing, dan zien we het graag nog in dit topic verschijnen.

Naar aanleiding van je TR: Topics gaan niet per definitie op slot