الوصول إلى معلمات طلب GET في JavaScript

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

الحل الأصلي:

قبل واجهات برمجة التطبيقات الأصلية، كان يمكن الوصول إلى جميع معلمات طلب GET من خلال الخاصية window.location.search. ومع ذلك، يتطلب هذا التحليل اليدوي لسلسلة الاستعلام. يمكن استخدام الوظيفة التالية:

function getQueryParam(name) {
  const regex = new RegExp('[?&]'   encodeURIComponent(name)   '=([^&]*)');
  const result = regex.exec(location.search);
  return result ? decodeURIComponent(result[1]) : undefined;
}

تأخذ هذه الدالة اسم معلمة GET وترجع قيمتها. إذا كانت المعلمة غير موجودة أو ليس لها قيمة، فإنها ترجع غير محددة.

مثال:

const foo = getQueryParam('foo');

سيؤدي هذا إلى تعيين قيمة معلمة GET foo للمتغير foo.