2010-11-16 12 views
13

Die Dokumentation für jQuery UI Autocomplete besagt, dass die source-Eigenschaft auf eine URL festgelegt werden kann, die die vorgeschlagenen Elemente im JSON-Format zurückgibt. Es wird jedoch nicht weiter ausgeführt, wie die Struktur dieses JSON-Ergebnisses aussehen soll. Kann jemand ein Beispiel veröffentlichen? Vielen Dank!JSON-Format für jQuery UI Autocomplete

Antwort

4

Dies ist ein JSON-Format

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

oder eine andere Quelle

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

[{"label": "mylabel", "value": "meinWert"}, ...] Ich habe herausgefunden, dass dieses .autocomplete nach jquery UI 1.8 sucht. – James

+0

@James: Fügen Sie es als a hinzu getrennte Antwort. – jgauffin

+0

Ziemlich späte Antwort auf @James, aber wenn diese Daten in einer Variablen sind, dann wird die Datenquelle Variable_Name.Quelle. Die "Quelle" ist nur eine Eigenschaft auf Ihrem JSON-Objekt –

1

ich einen Anruf an eine Java-Frühling-Controller zu tun, die einfach die unten stehenden Informationen zurückgibt (im JSON-Format). Ich baue es mit JSTL. Aber ich weiß nicht, welche Art von Backend du verwendest. Aber in Fast jeder Sprache können Sie einfach JSON ausgeben.

Beispiel:

{"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"}]} 

ich die automatische Vervollständigung nicht mögen. vielleicht hast du eine bessere lösung in flexbox gefunden: http://flexbox.codeplex.com/

+4

Dies ist JSON, aber es ist nicht gültig für die automatische Vervollständigung – DavideDM

1

ist ein reales Beispiel, aber es verwendet eine JSONP Remote-Datenquelle: http://www.highpoint.edu/admissions/contact.cfm

Gymnasium Feld verwendet die automatische Vervollständigung (stellen Sie sicher, dass Sie wählen ‚Freshman‘ für Art der Zulassung b/c sonst die hohe Schulfeld wird ausgeblendet). Durch die Änderung der Länder-/Länderauswahl wird die Quelle für die automatische Vervollständigung etwas geändert, was zu Verwirrung führen kann.

Auch diese URL ist nur ein Wrapper für einen iframe mit dem realen Formular, das ich keinen Link zu b/c veröffentlichen kann neue Benutzer können nur eine URL in einem Kommentar veröffentlichen.

14

hier die Antwort von meinem Kommentar Verschoben:

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

ich es dieses Format zu sein gefunden, die für .autocomplete sucht jQuery UI 1.8

1

Firebug verwenden wir dieses Format für json sehen

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

I verwendet json_encode

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