jquery ui die automatische Vervollständigung - wie?
-
02-10-2019 - |
Frage
ich an dieser falsch sein kann suchen.
Aber ich versuche, die jQuery UI zum automatischen Vervollständigung zu verwenden.
Ich will ihm eine URL zu übergeben, und es wird die Vorschläge von dort erhalten.
meine Fragen sind
1: Wie kann ich die URL
2: Wie formatiere ich die Antwort
Lösung
Das sollten Sie mit Angabe der URL Teil gestartet.
Zuerst ein Eingabefeld erstellen, die zum automatischen Vervollständigung Plugin zu befestigen.
<input type="text" name="query" />
Dann diesen Javascript verwenden, um die Autocomplete des Eingabefeld zu befestigen gerade erstellt hat.
$("#query").autocomplete({
source: "/suggestions/get/",
select: function(event, ui) {
$("#new-field").val(ui.item.value);
}
});
Die Anfrage uri etwas sein wird, wie diese ...
/suggestions/get/?term={selection}
selection
stellt die in der automatischen Vervollständigung getroffene Auswahl.
Jetzt auf Ihrem Server-Seite müssen Sie die uri analysieren und den Wert des Parameters term
verwenden zu tun, was Sie wollen - die Datenbank für die ausgewählte Wahl suchen, oder etwas anderes
Sie sollten Ihre Antwort wie diese formatiert werden ...
suggestion1
suggestion2
suggestion3
suggestion4
Die Vorschläge in einer neuen Zeile (getrennt durch \n
) sollten
Andere Tipps
Auf der jQuery UI-Seite mit verschiedenen Beispielen eine komplette Demo haben, sollte dies ausreichen, um glaube ich. Hier ist die URL.