استرداد معلمات GET من JavaScript: دليل تفصيلي

لاسترداد معلمات GET من داخل برنامج JavaScript، يمكن للمطورين الاستفادة من كائن window.location. يوفر هذا الكائن إمكانية الوصول إلى عنوان URL الحالي، بما في ذلك سلسلة الاستعلام الخاصة به.

إحدى طرق الحصول على معلمات GET هي استخراج جزء عنوان URL الذي يلي علامة الاستفهام (؟). يوضح مقتطف التعليمات البرمجية التالي هذا الأسلوب:

const getParams = () => {
  const searchParams = window.location.search.substr(1);  // Remove the question mark
  return searchParams;  // Return the GET parameters as a string
};

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

const returnurl = getParams().split("=").pop();  // Extract the parameter value
console.log(returnurl);  // Log the parameter value to the console

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

توفر الوظيفة المحسنة التالية طريقة شاملة لاسترداد معلمات GET، حتى في حالة وجود قيم متعددة:

const findGetParameter = (parameterName) => {
  const result = null;
  const searchString = location.search.substr(1);
  const items = searchString.split("&");
  for (let index = 0; index 
 تقوم هذه الوظيفة بفك تشفير قيمة المعلمة لضمان التوافق مع الأحرف الخاصة. يستخدم حلقة for للتكرار على كل زوج من قيمة المفتاح في سلسلة الاستعلام. عند العثور على اسم المعلمة المقدم، يتم إرجاع القيمة المقابلة.
باستخدام الوظيفة، يمكن الحصول على المعلمة "returnurl" على النحو التالي:
const returnurl = findGetParameter("returnurl");
console.log(returnurl);
من خلال الاستفادة من هذه التقنيات، يمكن للمطورين استرداد معلمات GET بشكل فعال من داخل نصوص JavaScript النصية، مما يعزز وظائف تطبيقات الويب.