الحصول على البيانات عن طريق fetch

fetch ليس الغرض منها تحديد كمية البيانات، فالمتحكم هو المسؤول الأول والأساسي عن تلك العملية، حيث أن fetch هي مجرد وسيلة نقل للطلب من المتصفح إلى الخادم، ولا تملك أي صلاحية للوصول المباشر إلى قاعدة البيانات أو التحكم في كيفية استرجاع البيانات منها.

يتوجب عليك كتابة المنطق الخاص بتقسيم البيانات داخل المتحكم في الواجهة الخلفية، لأنّ عملية جلب البيانات تعتمد على استعلامات SQL أو NoSQL التي يتم تنفيذها على الخادم، فالمتصفح يرسل فقط الرغبة في الحصول على عدد معين عبر Query Parameters، ويجب على الخادم أن يفهم تلك الرغبة وينفذها.

بمعنى تبدأ العملية عندما تقوم بإرسال الطلب عبر fetch بتمرير المعايير مثل ?limit=10 ضمن الرابط، والتي يستقبلها المتحكم ويقوم بقراءة تلك القيم ومعالجتها، ثم دمجها داخل استعلام قاعدة البيانات باستخدام أوامر مثل LIMIT و OFFSET، وبالتالي يتم استخراج العشرة صفوف المطلوبة فقط من القرص الصلب للخادم وإرسالها عبر الشبكة.

وفي حال لا يوجد ذاك المنطق في الخلفية، فسيقوم الخادم بتجاهل تلك المعاملات المرسلة في الرابط، وسيعيد كامل محتوى الجدول في قاعدة البيانات، بالتالي fetch ستقوم بتحميل حجم بيانات ضخم، ويتدهور الأداء حتى لو قمت بعرض جزء صغير منها لاحقاً بواسطة جافاسكريبت، فالهدف الأساسي هو تقليل البيانات المنقولة عبر الشبكة وليس فقط تقليل المعروض على الشاشة.

أولاً إذا حاولت معالجة الأمر من خلال الـ Frontend فقط ، فإنك لم تحل المشكلة الأساسية، لأن الخادم سيظل يقرأ كل البيانات من قاعدة البيانات ويرسلها عبر الشبكة، مما يستهلك الذاكرة ويؤثر على الأداء.

والاعتماد على دالة fetch في واجهة المستخدم (Frontend) غير كاف فهي مجرد أداة لإرسال الطلبات؛ لا يمكنها إجبار قاعدة البيانات على إرجاع عدد محدد من السجلات من تلقاء نفسها.

ولذلك تحتاج لجعل الـ Controller قادراً على استقبال معامل (Parameter) يحدد عدد البيانات المطلوبة، ثم يستخدم هذا الرقم لفلترة البيانات مباشرة من قاعدة البيانات.