Formato JSON per jQuery UI Completamento automatico

Question

La documentazione per jQuery UI Autocomplete indica che la proprietà source può essere impostata su un URL che restituisce gli articoli suggeriti in formato JSON. Tuttavia, non elabora ulteriormente quale dovrebbe essere la struttura di questo risultato JSON. Qualcuno potrebbe pubblicare un esempio? Grazie!

Answer 1

Questo è un formato JSON

{source: ["Milan", "Turin", "Venice", "Florence", "Rome"] } 

o un'altra fonte

{source: ["c++", "java", "php", "coldfusion", "javascript", "asp", "ruby"]} 

Answer 2

faccio una chiamata a un controller di primavera Java che restituisce semplicemente le informazioni qui di seguito (in formato JSON). Lo costruisco con JSTL. Ma non so che tipo di backend usi. Ma in Allmost ogni lingua è possibile emettere un po 'di JSON.

Esempio:

{"results":[{"id":" Canned","name":" Canned"}, {"id":64,"name":"Added Sulphites"}, 
{"id":3,"name":"age"}, {"id":"age","name":"age"}, {"id":59,"name":"age group"}, 
{"id":"Allergen","name":"Allergen"}, {"id":85,"name":"Anchovies"}]} 

non mi piace di completamento automatico. forse hai trovato una soluzione migliore in flexbox: http://flexbox.codeplex.com/

Answer 3

Hai guardato gli esempi qui? http://jqueryui.com/demos/autocomplete/#remote

Answer 4

Ecco un esempio reale, ma utilizza un DataSource remota JSONP: http://www.highpoint.edu/admissions/contact.cfm

Il campo di alta scuola utilizza completamento automatico (assicuratevi di scegliere 'Freshman' per il tipo di ammissione b/c altrimenti l'alto campo scolastico sarà nascosto). Inoltre, la modifica della selezione paese/stato modificherà in qualche modo la fonte di completamento automatico, il che potrebbe aggiungere confusione.

Inoltre, quell'URL è solo un wrapper per un iframe con il modulo reale, che non posso pubblicare un link a b/c i nuovi utenti possono solo pubblicare un URL in un commento.

Answer 5

spostato la risposta qui dal mio commento:

[{"label":"mylabel","value":"myvalue"},...] 

ho trovato che fosse questo formato che .autocomplete è alla ricerca di per jQuery UI 1.8

Answer 6

utilizzando Firebug possiamo vedere questo formato per JSON

[{"id":"Podiceps nigricollis","label":"Black-necked Grebe","value":"Black-necked Grebe"}] 

ho usato json_encode

$a[$x] = array("id" => $row["id"],"label"=>$row["label"],"value"=>$row["value"]); 
} 
//echo JSON to page 
    $response = json_encode($a); 
echo $response;