comment utiliser une fonction onkeyup en javaScript pour obtenir la valeur en utilisant ajax avec spring

Amya

Comment utiliser l'événement on key up avec option de délai d'attente. Les valeurs saisies doivent renvoyer les données qui correspondent dans la base de données
ici mon code Jquery est

function searchUserId() {
  var userId = $('#userId').val();
  //var moduleID = $('#moduleIdList').val();

  $.ajax({
    url: "controlpanel/SearchUserData",
    type: "POST",
    data: "userId=" + userId,
      //+ "&roleName=" + roleName,
      //For Progress Bar                                    
    success: function(response) {
      alert(userId);
      $('#page-wrapper').html(response);
    }
  });
}
<input type="text" tabindex="1" class="form-control" name="userId" id="userId" maxlength="20" 
   onkeyup="searchUserId();"data-validation-engine="validate[required]"/>
vi5ion

Par "option de délai d'attente", je suppose que vous entendez l'utiliser pour déclencher la fonction uniquement lorsque l'utilisateur a fini de taper.

Vous devez d'abord supprimer l' onkeyupattribut du code HTML.
Ajoutez ensuite les éléments suivants à votre JS :

var timer;

$('#userId').on('keyup', function() {
  if (timer) clearTimeout(timer);
  timer = setTimeout(searchUserId,300);
});

Cela réinitialisera la minuterie si un autre événement de keyup est déclenché dans les 300 ms, de sorte que la fonction ne sera pas déclenchée lorsque l'utilisateur est encore en train de taper. Bien sûr, vous pouvez définir cette valeur sur n'importe quelle valeur.

Cet article est collecté sur Internet, veuillez indiquer la source lors de la réimpression.

En cas d'infraction, veuillez [email protected] Supprimer.

modifier le
0

laisse moi dire quelques mots

0commentaires
connexionAprès avoir participé à la revue

Articles connexes

Comment obtenir la valeur de retour d'une fonction en utilisant le contexte comme paramètre?

comment obtenir la valeur de chaque message individuel en utilisant javascript et ajax

Comment obtenir la valeur des entrées en utilisant javascript

OBTENIR de la valeur en utilisant ajax

Comment obtenir une valeur javascript dans une variable php sans recharger la page en utilisant ajax

comment utiliser la fonction de rappel avec une valeur en flutter?

Comment obtenir la valeur max _id d'une table SQLite en utilisant Anko avec Kotlin?

Comment obtenir la valeur de plage à partir d'une chaîne en utilisant RegEx sur Javascript

Comment appeler une fonction PHP en utilisant AJAX et obtenir la valeur renvoyée?

Comment utiliser la fonction Jquery find () pour obtenir une valeur lorsque div est en boucle?

Comment utiliser la fonction Spread en utilisant une seule valeur de la colonne cible?

Utilisation de la fonction en javascript pour obtenir une valeur en temps réel

comment obtenir la valeur de TD dans une boucle foreach en utilisant javascript?

Spring MVC, HashMap comme modèle - comment obtenir de la valeur en utilisant une variable javascript comme clé dans jsp

Comment obtenir la valeur d'une balise body en utilisant javascript?

Spotfire: Comment calculer une nouvelle colonne basée sur une colonne avec des blancs en utilisant une autre colonne pour aider à obtenir la valeur correcte à insérer

Comment obtenir la valeur avec span text en utilisant jquery

comment utiliser la fonction map dans une liste en utilisant Javascript ou Jquery

comment utiliser jquery pour obtenir la valeur sélectionnée en utilisant une forme simple de ruby sur des rails

Comment obtenir un enregistrement en larve en utilisant la fonction where () et en passant une variable comme valeur

comment utiliser ansible pour obtenir ligne par ligne à partir d'une URL en fonction de la valeur conditionnelle d'un champ particulier dans cette ligne

Comment utiliser une valeur en dehors de la fonction dataSnapshot ?

comment écrire une fonction pour obtenir une valeur à travers 2 blocs de données en utilisant l'itération en python

Comment obtenir une valeur en dehors de la fonction en javascript

Comment puis-je utiliser une requête PUT, en utilisant Ajax, pour changer la valeur d'une variable ?

En flutter, comment obtenir une valeur de la fonction?

Fonction pour obtenir une valeur json à chaîner en javascript

Comment appeler une fonction php en javascript en utilisant Ajax ?

exécuter la fonction avec une valeur unique en utilisant javascript / node js

TOP liste

  1. 1

    Comment insérer une valeur de variable dans la formule getpivotdata à l'aide de la macro Excel VBA

  2. 2

    Des résultats inattendus dans les discussions Java multi-malgré les verrous

  3. 3

    Comment appliquer un effet de flou sur une barre de navigation en css

  4. 4

    Échec de l'exécution de 'insertBefore' sur 'Node': le paramètre 1 n'est pas de type 'Node'

  5. 5

    Comment puis-je faire fonctionner un effet de verre / flou CSS pour une superposition?

  6. 6

    Comment supprimer des mots d'un fichier texte en Python qui contiennent certaines lettres ?

  7. 7

    ERREUR 1054 (42S22): colonne inconnue 'marque' dans 'liste de champs'

  8. 8

    La connexion du conteneur FTP fonctionne avec docker-compose et non avec docker run

  9. 9

    Définir des URL pour la redirection vers une URL spécifique sans réécriture

  10. 10

    Pandas - Remplacer la valeur de ligne du calcul dérivé

  11. 11

    L'abonnement Python du kit AWS IoT SDK renvoie true mais le paramètre de rappel n'est pas appelé

  12. 12

    Impossible d'insérer des lignes et d'obtenir une contrainte de clé étrangère échoue

  13. 13

    Comment passer des paramètres d'URL lors de la redirection vers une autre URL?

  14. 14

    Python: exécutez plusieurs commandes dans CMD en une seule instance

  15. 15

    Comment faire une requête rapide vers une URL spécifique

  16. 16

    Authentification angulaire Laravel

  17. 17

    aucun opérateur ne correspond à ces opérandes ; les types d'opérandes sont : std::istream >> const char [5]

  18. 18

    Une erreur fatale s'est produite lors de la création des informations d'identification du client TLS. L'état d'erreur interne est 10013

  19. 19

    Apache XmlBeans NullPointerException

  20. 20

    JS : séparez les éléments du tableau et affichez les éléments individuels dans un tableau

  21. 21

    WebScrape - 獲取href

chaudétiquette

Archive