تخزين المعلومات في عنوان URL

لتخزين المعلومات في عنوان URL لصفحة الويب، يمكنك استخدام ما يعرف بالمعلمات (Parameters) في العنوان. على سبيل المثال، في عنوان URL “http://example.com/page?param1=value1&param2=value2″، يتم تخزين المعلومات في الأجزاء بعد علامة الاستفهام (?). يمكنك تخزين المعلومات التي ترغب فيها بتحديد اسم المعلمة (مثل “videoID”) وقيمتها (مثل “123456”)، ويمكن الوصول إلى هذه المعلومات من خلال استخدام جافا سكريبت في صفحة الويب الخاصة بك.

على سبيل المثال، يمكنك استخدام الدالة URLSearchParams للوصول إلى قيم المعلمات في عنوان URL كما يلي:

javascriptCopy code
// يأخذ قيم المعلمات من عنوان الصفحة الحالي
const urlParams = new URLSearchParams(window.location.search);

// الحصول على قيمة المعلمة "videoID" من عنوان الصفحة
const videoID = urlParams.get('videoID');

// استخدام قيمة المعلمة في الصفحة
console.log(videoID); // سيتم طباعة قيمة المعلمة "videoID" إلى وحدة التحكم في المتصفح

يجب الانتباه إلى أن تخزين المعلومات بشكل متعدد في عنوان URL يجب أن يكون بحذر، حيث يمكن أن يؤدي تخزين الكميات الكبيرة من البيانات إلى تعقيدات في عنوان URL وقد يؤثر على تجربة المستخدم وأداء الصفحة.

بالطبع! يمكنك أيضًا تخزين معلومات إضافية في عنوان URL باستخدام المعلمات الإضافية. على سبيل المثال، إذا كنت ترغب في تخزين معلومات حول الفيديو الحالي والقائمة التشغيلية التي ينتمي إليها، يمكنك القيام بذلك على النحو التالي:

javascriptCopy code
// تخزين معلومات الفيديو في عنوان URL
const videoID = '123456';
const playlistID = '789';

// تجميع المعلومات في عنوان URL
const url = `http://example.com/page?videoID=${videoID}&playlistID=${playlistID}`;

// إعادة توجيه المستخدم إلى العنوان URL الجديد
window.location.href = url;

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