Cette fois, je vais vous présenter une requête floue dynamique basée sur la saisie. Quelles sont les précautions à prendre pour une requête floue dynamique basée sur la saisie ? Ce qui suit est un cas pratique, jetons un coup d'œil.
Lorsque j'ai récemment utilisé jQuery pour implémenter une requête floue dynamique, j'ai cherché pendant longtemps mais je n'ai pas trouvé de méthode de requête floue dynamique aussi simple à utiliser que l'attribut watch de Vue.js . Permettez-moi de partager les pièges rencontrés jusqu'à présent et plusieurs façons d'implémenter une requête dynamique.
1. La méthode change() de jQuery.
Lorsque cette méthode perd le focus de la zone de saisie, l'événement sera déclenché. Cela semble un peu insipide. familier avec cette méthode, j'espère que quelqu'un qui la connaît pourra partager quelques conseils sur la façon de l'utiliser.
<input type="text" id="n3"/> var $n3=$("#n3);//定位到input框 $n3.change(function(){ this.query_search($n3.val());//query_search为模糊查询的方法 })
change()La fonction est utilisée pour lier une fonction de gestionnaire à l'événement change de chaque élément correspondant. Cette fonction peut également être utilisée pour déclencher des événements de changement. De plus, vous pouvez également transmettre des données supplémentaires à la fonction gestionnaire d'événements. L'événement change est déclenché lorsque le contenu du texte ou les options sont modifiés. Cet événement s'applique uniquement à et
2. Surveiller l'événement keyup ou keydown de JQuery
Cette méthode peut surveiller l'événement déclencheur de chaque clé et lier la méthode de requête floue au ciblage. l'événement de réponse, chaque clic déclenchera un événement de requête floue, mais cela augmentera considérablement la pression sur la base de données. S'il y a beaucoup de personnes en activité et qu'il n'y a pas de cache, la base de données explosera en quelques minutes.
<input type="text" id="#n3"/> var $n3=$("#n3");//定位到input框 $n3.keyup(function(){ this.query_search($n3.prop("value"));//query_search为模糊查询的方法 })
3. Utilisez la méthode d'observation de l'attribut watch de Vue.js.
Cette méthode peut observer dynamiquement les changements d'attribut dans la zone de saisie. Tant que la valeur de la zone de saisie change, la méthode de réponse sera appelée dynamiquement.
Ça vaut le coup à la fin, ce que j'ai dit, c'est qu'il existe trois façons d'obtenir la valeur dans la zone de texte de saisie
1. Obtenez-la via attr("value"). Cette méthode ne peut obtenir que celle par défaut. Autrement dit, la valeur initialement définie dans votre code CSS sera la même valeur lors du premier affichage de la page, et cette valeur ne changera pas.
2. Obtenez-le via prop("value"). Cette méthode peut obtenir la valeur par défaut, ainsi que la valeur modifiée. Vous pouvez l'obtenir tant que vous la modifiez.
3. Obtenez-le via val(). Cela ressemble à prop("value").
4. Il peut également être obtenu en utilisant la liaison v-model de Vue.js, cela compte donc pour 4 méthodes.
Ce ne sont que des conclusions personnelles tirées de plusieurs tests. Il n'y a pas de déclaration faisant autorité. S'il y a des erreurs, j'espère que quelqu'un pourra les corriger à temps.
Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !
Lecture recommandée :
Comment obtenir la valeur de transformation avec jquery
Comment demander et attendre plusieurs AJAX demandes ensemble
Interdire le glissement de la page inférieure sous les pop-ups
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!