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
Dies ist ein JSON-Format
{source: ["Milan", "Turin", "Venice", "Florence", "Rome"] }
oder eine andere Quelle
{source: ["c++", "java", "php", "coldfusion", "javascript", "asp", "ruby"]}
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/
Dies ist JSON, aber es ist nicht gültig für die automatische Vervollständigung – DavideDM
Hast du dir die Beispiele hier angesehen? Hier http://jqueryui.com/demos/autocomplete/#remote
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.
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
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;
- 1. jQuery UI Autocomplete Funktionalität
- 2. Jquery Autocomplete UI-Bildoption
- 3. jQuery UI Autocomplete:
- 4. Jquery erwähnt jquery ui Autocomplete
- 5. Benutzerdefinierte Suchfunktion für jQuery UI Autocomplete
- 6. Korrekte Dateien für jQuery UI Autocomplete
- 7. jquery UI Autocomplete gleichwertige Bibliothek
- 8. jQuery UI Autocomplete aktualisieren Daten
- 9. JSON Autocomplete ASP.NET Jquery UI
- 10. Jquery ui Combobox (Autocomplete) verschwindet
- 11. jQuery UI Autocomplete-Widget Suchkonfiguration
- 12. jquery UI Autocomplete - selectfirst Erweiterung
- 13. jQuery UI Autocomplete-Verwendung startsWith
- 14. Jquery Autocomplete für Textbereich
- 15. Jquery Autocomplete und jQuery UI Dialog
- 16. Wie Dojo Autocomplete ähnlich wie jQuery UI Autocomplete implementieren?
- 17. JQuery UI Autocomplete zeigt als Aufzählungszeichen
- 18. jQuery UI AutoComplete Parsing Daten von Variable
- 19. jquery ui autocomplete combobox mit Kategorien
- 20. jQuery UI Autocomplete mehrere Werte im Textfeld
- 21. jquery ui Autocomplete-Eingabe Wert auswählen
- 22. Jquery UI Autocomplete IE 7 Problem
- 23. Jquery UI Autocomplete Überlauf von Modal abgedeckt
- 24. Jquery UI Autocomplete MultiSelect funktioniert nicht
- 25. keypress Ereignis in Autocomplete jquery UI
- 26. jQuery ui Autocomplete-Cache xml Quelle
- 27. jQuery UI Autocomplete-Kategorien mit Zählmechanismus
- 28. jQuery-UI Autocomplete-Plugin und Blackberry Autocompleter
- 29. jquery-ui-autocomplete - Überschreiben _renderMenu und _renderItem
- 30. jquery-ui Autocomplete scheint nicht zu triggern?
[{"label": "mylabel", "value": "meinWert"}, ...] Ich habe herausgefunden, dass dieses .autocomplete nach jquery UI 1.8 sucht. – James
@James: Fügen Sie es als a hinzu getrennte Antwort. – jgauffin
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 –