تحليل موجز لفكرة التنفيذ للبحث في محتوى الصفحة استنادًا إلى صفحة الواجهة الأمامية على الويب

تم ذلك قبل إجراء استعلام صفحة الويب

النموذج الحصول على كلمات رئيسية> معالجة عبارات SQL في الواجهة الخلفية> إرجاع البيانات إلى الواجهة الأمامية لعرضها

توصلت اليوم فجأة إلى كيفية تنفيذ وظيفة CTRL+F للمتصفح. ضع البيانات على الصفحة مرة واحدة ، ثم استخدم JS لمطابقة محتوى الصفحة.

بغض النظر عن ما ، تم الانتهاء من الوظيفة الآن ، ثم يتم إجراء التحسين

نسخة الكود كما يلي:

$ (function () {

var userarray = new array () ؛

var turenamearray = new array () ؛

var table = $ ("table> tbody") ؛

Table.Children (). كل (وظيفة () {

userId = $ (هذا).

// احفظ رقم الطالب في الإخراج

userArray.push (userId) ؛

اسم الحقائق = $ (هذا).

// احفظ الاسم في المصفوفة

Turenamearray.push (Turename) ؛

}) ؛

//

$ ("#Search"). Focus (function () {

$ (هذا) .val ("") ؛

}). Blur (function () {

val = $ .trim ($ (this) .val ()) ؛

إذا (val === "")

{

$ (هذا) .val ("رقم العمل/الاسم") ؛

}

}) ؛

$ (". btn"). انقر فوق (function () {

val = $ ("#search"). val () ؛

إذا (Val === "رقم العمل/الاسم")

{

التنبيه ("الرجاء إدخال رقم عمل صالح واسم") ؛

}

آخر

{

الجدول.

إذا (! Isnan (Val))

{

Hanld (userarray ، val) ؛

}

آخر

{

هاندل (Turenamearray ، Val) ؛

}

}

}) ؛

وظيفة hanld (صفيف ، قيمة)

{

لـ (i = 0 ؛ i <array.length ؛ i ++)

{

if (Array [i] .indexof (value)! == -1)

{

Table.Children (). Eq (I) .Show ("1000") ؛

}

}

}

الكود أعلاه ، اسمحوا لي أن أتحدث عن أفكار التصميم أدناه.

احصل على البيانات لمطابقة وتخزينها بالترتيب في الصفيف ، ثم في المباراة.

إرجاع فهرس الوظيفة الموجود في JS Substrings -1 إذا لم يتطابق ، ويتم إرجاع موضع السلسلة.

بهذه الطريقة يمكن إكمال البحث. قم أولاً بإخفاء جميع البيانات ، ثم سيتم عرض المباراة. وهذا موافق