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为模糊查询的方法 })
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
2. Überwachen Sie das Keyup- oder Keydown-Ereignis von JQuery
Diese Methode kann das Triggerereignis jedes Schlüssels überwachen und die Fuzzy-Abfragemethode an das Targeting binden Beim Antwortereignis löst jeder Klick ein Fuzzy-Abfrageereignis aus. Dies erhöht jedoch den Druck auf die Datenbank erheblich. Wenn viele Personen arbeiten und kein Cache vorhanden ist, explodiert die Datenbank innerhalb von Minuten.
<input type="text" id="#n3"/> var $n3=$("#n3");//定位到input框 $n3.keyup(function(){ this.query_search($n3.prop("value"));//query_search为模糊查询的方法 })
3. Verwenden Sie die Watch-Attribut-Beobachtermethode von Vue.js.
Diese Methode kann die Änderungen der Attribute im Eingabefeld dynamisch beobachten. Solange sich der Wert des Eingabefelds ändert, wird die Antwortmethode dynamisch aufgerufen.
Es lohnt sich Am Ende habe ich gesagt, dass es drei Möglichkeiten gibt, den Wert im Eingabetextfeld abzurufen:
1. Mit dieser Methode kann nur die Standardmethode abgerufen werden. Mit anderen Worten: Der ursprünglich in Ihrem CSS-Code definierte Wert ist derselbe Wert, wenn die Seite zum ersten Mal angezeigt wird, und dieser Wert ändert sich nicht.
2. Erhalten Sie es über prop("value"). Diese Methode kann sowohl den Standardwert als auch den geänderten Wert abrufen. Sie können ihn erhalten, solange Sie ihn ändern.
3. Erhalten Sie es über val(). Das fühlt sich ähnlich an wie prop("value").
4. Es kann auch mit der V-Modell-Bindung von Vue.js abgerufen werden, das zählt also als 4 Methoden.
Dies sind nur persönliche Schlussfolgerungen aus mehreren Tests. Es gibt keine verbindliche Aussage, ich hoffe, dass jemand sie rechtzeitig korrigieren kann.
Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!
Empfohlene Lektüre:
So erhalten Sie den Wert der Transformation mit jquery
Wie Sie mehrere AJAX anfordern und darauf warten Anfragen zusammen
Verbieten, dass die untere Seite unter Pop-ups verschoben wird
Das obige ist der detaillierte Inhalt vonDynamische Fuzzy-Abfrage basierend auf der Eingabe. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!