كيف اجعل ال header ثابت اثناء التنقل بين الصفحات

احمد • منذ شهرين

السلام عليكم ورحمة الله وبركاته 

 

لاحظت في بعض مواقع ال php يكون الheader ثابت اثناء التنقل بين الصفحات واثناء التنقل يظهر علامة loading في جسم الصفحة ما هذه الخاصية وكيف اقوم بها 

كلمات دليلية: php

ساعد بالإجابة

"إن في قضاء حوائج الناس لذة لا يَعرفها إلا من جربها، فافعل الخير مهما استصغرته فإنك لا تدري أي حسنة تدخلك الجنة."

الإجابات (2)

majed • منذ شهرين

هذي عن طريق ajax ... اقرا اكثر عن ajax

 

وهذي دورة من أ. عبدالله عيد .. راح تفيدك

 

https://www.youtube.com/watch?v=JO-ygfZ_V8E&list=PL98273AFAAADD86B5

 

Nawaf Khalifah • منذ شهر

السلام عليكم،

بعض المواقع اخي الكريم تستخدم تقنية AJAX لجلب الصفحات، ومثال لذلك (انقر هنا)، بحيث يتم عمل router مصغر يقوم بجلب محتويات الصفحة فقط دون رأس (header) وتذييل الصفحة (footer) وذلك عند طلب الصفحة من خلال AJAX.

الطريقة الأولى (PJAX):

هذه الطريقة تستخدم تقنية AJAX للتنقل بين الصفحات دون عمل تحديث (Reload) للصفحة، بحيث عندما تقوم بالضغط على اي ارتباط، يتم استدعاء دالة (function) تقوم بطلب الرابط من خلال AJAX ويقوم الـ router المكتوب بلغة PHP مثلًا باعادة محتويات الصفحة بدون رأس وتذييل الصفحة، ويتم ايضًا تحديث رابط الصفحة في مربع العنوان الخاص بالمتصفح.

يوجد عيوب بهذه الطريقة وأذكر منها:

  1. اذا احتوت الصفحة التي تم طلبها من خلال AJAx على سكربت JavaScript فلن يتم تنفيذ السكربت.
  2. قد تكون بطيئة بحيث ان الطلب ينتظر استجابة الـ Backend ليقوم بعرض محتويات الصفحة.

وهذا مشروع بسيط يشرح لك الطريقة: 

https://github.com/Jrizzi1/pjaxphp

 

الطريقة الثانية (SPA):

SPA اختصار ل Single Page Application ويمكنك تنفيذها من خلال أطر العمل مثل React, Angular, Vue.

 

تحياتي،

 

 

لايوجد لديك حساب في عالم البرمجة؟

تحب تنضم لعالم البرمجة؟ وتنشئ عالمك الخاص، تنشر المقالات، الدورات، تشارك المبرمجين وتساعد الآخرين، اشترك الآن بخطوات يسيرة !