Heim > Web-Frontend > js-Tutorial > Hauptteil

Dynamische Fuzzy-Abfrage basierend auf der Eingabe

php中世界最好的语言
Freigeben: 2018-03-15 15:38:42
Original
2101 Leute haben es durchsucht

Dieses Mal werde ich Ihnen dynamische Fuzzy-Abfragen basierend auf Eingaben vorstellen. Was sind die Vorsichtsmaßnahmen für dynamische Fuzzy-Abfragen basierend auf Eingaben? Das Folgende ist ein praktischer Fall, schauen wir uns das an.

Als ich kürzlich jQuery zur Implementierung dynamischer Fuzzy-Abfragen verwendet habe, habe ich lange gesucht, konnte aber keine dynamische Fuzzy-Abfragemethode finden, die so einfach zu verwenden ist wie das Watch-Attribut von Vue.js . Lassen Sie mich die bisher aufgetretenen Fallstricke und verschiedene Möglichkeiten zur Implementierung dynamischer Abfragen erläutern.

1. jQuerys change()-Methode.

Wenn diese Methode den Fokus des Eingabefelds verliert, wird das Ereignis ausgelöst. Es kann auch sein, dass ich nicht vollständig bin Wenn Sie mit dieser Methode vertraut sind, hoffe ich, dass jemand, der sie kennt, einige Tipps zur Verwendung geben kann.

<input type="text" id="n3"/>
var $n3=$("#n3);//定位到input框
$n3.change(function(){
 this.query_search($n3.val());//query_search为模糊查询的方法
})
Nach dem Login kopieren

change()Funktion wird verwendet, um eine Handlerfunktion an das Änderungsereignis jedes übereinstimmenden Elements zu binden. Diese Funktion kann auch zum Auslösen von Änderungsereignissen verwendet werden. Darüber hinaus können Sie auch einige zusätzliche Daten an die Funktion Ereignishandler übergeben. Das Änderungsereignis wird ausgelöst, wenn der Textinhalt oder die Optionen geändert werden. Dieses Ereignis gilt nur für und