Cela a été fait avant de faire une requête de page Web
Formulaire obtenez des mots clés> Traitement des instructions SQL dans le backend> Retournez les données au frontend pour afficher
Aujourd'hui, je suis soudainement arrivé à la mise en œuvre de la fonction CTRL + F du navigateur. Mettez les données sur la page à la fois, puis utilisez JS pour correspondre au contenu de la page.
Quoi qu'il en soit, maintenant la fonction est terminée, puis l'optimisation est en cours
La copie de code est la suivante:
$ (function () {
var userArray = new Array ();
var TureNameArray = new Array ();
var table = $ ("table> tbody");
table.children (). Chaque (fonction () {
userId = $ (this) .children (). eq (0) .html ();
// Enregistrer le numéro d'étudiant dans la sortie
UserArray.push (userId);
vériténame = $ (this) .children (). eq (1) .html ();
// Enregistrez le nom dans le tableau
Turenamearray.push (Turename);
});
//
$ ("# search"). focus (function () {
$ (this) .val ("");
}). blur (function () {
val = $ .trim ($ (this) .val ());
if (val === "")
{
$ (this) .val ("numéro de travail / nom");
}
});
$ (". btn"). cliquez sur (fonction () {
val = $ ("# search"). Val ();
if (val === "numéro de travail / nom")
{
alert ("Veuillez entrer un numéro de travail et un nom valide");
}
autre
{
table.children (). Hide ("100");
si (! Isnan (val))
{
Hanld (UserArray, Val);
}
autre
{
Hanld (Turenamearray, Val);
}
}
});
fonction hanld (tableau, valeur)
{
pour (i = 0; i <array.length; i ++)
{
if (array [i] .indexof (valeur)! == -1)
{
table.children (). eq (i) .show ("1000");
}
}
}
Le code est ci-dessus, permettez-moi de parler des idées de conception ci-dessous.
Faites correspondre les données et stockez-la en ordre dans le tableau, puis dans le match.
L'index de fonction qui se trouve dans JS Sous-Brecdings renvoie -1 s'il ne correspond pas, et la position de la chaîne est renvoyée.
De cette façon, la recherche peut être terminée. Masquez d'abord toutes les données, puis la correspondance sera affichée. C'est OK