انتقل إلى محتوى الدرس

Updating Pages Without Full Reload تحديث الشاشة دون إعادة التحميل

تعلّم ببساطة كيف تتواصل الواجهة الأمامية مع الواجهة الخلفية عبر واجهات API وتشبيه نادل المطعم، وصيغة JSON لتبادل البيانات، وتحديث الشاشة دون إعادة التحميل، وتصميم حالات التحميل والنجاح والفراغ والخطأ.
1 صفوف تعليمية
تكنولوجيا الويب
0 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

في بدايات الويب، كان النقر على زر «إعجاب» أو تصفية قائمة المنتجات حسب السعر يجبر المتصفح على مسح الشاشة بالكامل وإظهار صفحة بيضاء لحظية ثم إعادة تحميل الموقع كله من جديد. أما الواجهة الأمامية الحديثة فقد قضت على هذا الانقطاع بفضل تقنية الطلبات الخلفية غير المتزامنة ():

  • طلب البيانات بصمت في الخلفية: عندما تضغط على زر «حفظ الدرس في المفضلة»، ترسل الواجهة الأمامية طلباً خفيفاً إلى الـ في الخلفية بينما تواصل أنت قراءة الصفحة دون أي توقف.
  • تحديث الجزء المعني فقط من الشاشة: فور وصول رد الصغير من الخادم، تحدّث الواجهة الأمامية لون الزر أو قائمة البطاقات في مكانها فقط، مع بقاء موضع التمرير والقوائم المفتوحة ثابتة تماماً.
  • مفهوم تطبيقات الصفحة الواحدة (): تعتمد التطبيقات التفاعلية الكبرى (مثل الخرائط ولوحات البريد والتحكم) على هذا المبدأ لتمنح المستخدم تنقلاً فورياً سلساً يشبه تطبيقات سطح المكتب.