สิ่งนี้ทำก่อนทำแบบสอบถามหน้าเว็บ
แบบฟอร์มรับคีย์เวิร์ด> การประมวลผลคำสั่ง SQL ในแบ็กเอนด์> ส่งคืนข้อมูลไปยังส่วนหน้าเพื่อแสดง
วันนี้ฉันมาถึงวิธีการใช้ฟังก์ชัน Ctrl+F ของเบราว์เซอร์ วางข้อมูลบนหน้าหนึ่งครั้งจากนั้นใช้ JS เพื่อให้ตรงกับเนื้อหาของหน้า
ไม่ว่าตอนนี้จะเสร็จสิ้นฟังก์ชั่นแล้วการเพิ่มประสิทธิภาพจะดำเนินการ
การคัดลอกรหัสมีดังนี้:
$ (function () {
var userarray = new Array ();
var turenamearray = new Array ();
var table = $ ("ตาราง> tbody");
table.children (). แต่ละ (ฟังก์ชั่น () {
userId = $ (นี่) .children (). eq (0) .html ();
// บันทึกหมายเลขนักเรียนลงในผลลัพธ์
userarray.push (userId);
TruthName = $ (นี่) .children (). eq (1) .html ();
// บันทึกชื่อในอาร์เรย์
Turenamearray.push (Turename);
-
-
$ ("#search"). focus (function () {
$ (นี่) .val ("");
}). เบลอ (ฟังก์ชัน () {
val = $ .trim ($ (นี่) .val ());
ถ้า (val === "")
-
$ (นี่) .val ("หมายเลขงาน/ชื่อ");
-
-
$ (". btn") คลิก (ฟังก์ชัน () {
val = $ ("#search"). val ();
ถ้า (val === "หมายเลขงาน/ชื่อ")
-
การแจ้งเตือน ("โปรดป้อนหมายเลขงานและชื่อที่ถูกต้อง");
-
อื่น
-
table.children (). ซ่อน ("100");
if (! isnan (val))
-
Hanld (UserArray, Val);
-
อื่น
-
Hanld (Turenamearray, Val);
-
-
-
ฟังก์ชั่น hanld (อาร์เรย์, ค่า)
-
สำหรับ (i = 0; i <array.length; i ++)
-
ถ้า (อาร์เรย์ [i] .indexof (ค่า)! == -1)
-
table.children (). eq (i). show ("1,000");
-
-
-
รหัสอยู่ด้านบนให้ฉันพูดถึงแนวคิดการออกแบบด้านล่าง
รับข้อมูลเพื่อจับคู่และจัดเก็บตามลำดับในอาร์เรย์และจากนั้นในการแข่งขัน
ดัชนีฟังก์ชั่นของที่อยู่ใน Substrings JS จะส่งคืน -1 หากไม่ตรงกันและตำแหน่งของสตริงจะถูกส่งคืน
วิธีนี้การค้นหาจะเสร็จสมบูรณ์ ก่อนอื่นซ่อนข้อมูลทั้งหมดจากนั้นการแข่งขันจะปรากฏขึ้น ไม่เป็นไร