ستحدد هذه المدونة الإجراء الخاص بالحصول على قيم سلسلة الاستعلام في JavaScript.
كيفية الحصول على قيم سلسلة الاستعلام في جافا سكريبت؟
للحصول على قيم سلسلة الاستعلام في JavaScript ، استخدم الطرق التالية:
الطريقة الأولى: الحصول على قيم سلسلة الاستعلام باستخدام واجهة برمجة تطبيقات URL باستخدام طريقة get ()
استخدم ال ' URL API ' مع ال ' احصل على() ”للحصول على قيم سلسلة الاستعلام في JavaScript. عنوان URL (محدد موقع المعلومات) هو وسيلة للعثور على مورد إنترنت معين. يتكون عادةً من بروتوكول (مثل ' http ' أو ' https ') ، اسم مجال (مثل' example.com ') ومسار (مثل' / المسار / إلى / المورد '). تُستخدم عناوين URL للوصول إلى صفحات الويب وتنزيل الملفات والوصول إلى الموارد الأخرى ، بما في ذلك قيم سلسلة الاستعلام على الإنترنت.
مثال
أنشئ متغيرًا يخزن عنوان URL بسلاسل استعلام:
كنت urlQueryString = 'https://www.example.com/page.html?keyword=SearchText &fullname=jennyConvey &click=Submit' ؛
قم باستدعاء كائن URL بتمرير ' urlQueryString ':
كنت الاستعلام = الجديد URL ( urlQueryString ) ؛
استخدم طريقة get () بتمرير المفتاح ' كلمة رئيسية 'للاستعلام للحصول على قيمته مع السمة searchParams. تمثل خاصية searchParams لكائن URL في JavaScript سلسلة الاستعلام الخاصة بعنوان URL. يوفر طريقة لمعالجة سلسلة الاستعلام الخاصة بعنوان URL ككائن بدلاً من سلسلة:
كنت القيمة 1 = الاستعلام البحث . احصل على ( 'الكلمة الأساسية' ) ؛وحدة التحكم. سجل ( 'قيمة الكلمة الرئيسية:' + القيمة 1 ) ؛
احصل على القيمة الثانية من سلسلة الاستعلام عن طريق تمرير مفتاحها إلى طريقة get () والطباعة على وحدة التحكم:
كنت القيمة 2 = الاستعلام البحث . احصل على ( 'الاسم بالكامل' ) ؛
وحدة التحكم. سجل ( 'قيمة الاسم الكامل:' + القيمة 2 ) ؛
وبالمثل ، قم بإحضار القيمة الثالثة في السلسلة:
كنت القيمة 3 = الاستعلام البحث . احصل على ( 'انقر' ) ؛وحدة التحكم. سجل ( 'قيمة النقرة:' + القيمة 3 ) ؛
يمكن ملاحظة أنه تم استرداد قيم سلسلة الاستعلام بنجاح:
الطريقة 2: الحصول على قيم سلسلة الاستعلام باستخدام URLSearchParams مع أسلوب get ()
ال ' URLSearchParams ”يمكن استخدام الواجهة في JavaScript لاسترداد القيم من سلسلة الاستعلام. يقيّم سلسلة طلب البحث لعنوان URL ويوفر وسيطًا للوصول إلى القيم. لاحظ أنه يجب عليك فقط إرسال جزء سلسلة الاستعلام من عنوان URL ، والذي يمكنك استرداده باستخدام ' window.location.search 'كمعامل لـ URLSearchParams ().
مثال
أنشئ متغيرًا يخزن سلسلة الاستعلام:
مرر السلسلة إلى ' URLSearchParams ' واجهه المستخدم:
كنت الاستعلام = الجديد URLSearchParams ( urlQueryString ) ؛احصل على قيمة المفتاح ' الاسم بالكامل 'من سلسلة الاستعلام باستخدام' احصل على() ' طريقة:
كنت القيمة 1 = الاستعلام احصل على ( 'الاسم بالكامل' ) ؛وحدة التحكم. سجل ( 'قيمة الاسم الكامل:' + القيمة 1 ) ؛
انتاج |
ملحوظة : يستخدم ' const queryString = new URLSearchParams (window.location.search) 'للحصول على عنوان URL المباشر / الحالي.
بعد الحصول على عنوان URL الحالي ، احصل على سلسلة الاستعلام منه ، وأنشئ مثيلًا لـ URLSearchParams ، وقم بتمرير سلسلة الاستعلام إليه. أخيرًا ، احصل على قيمة معلمة معينة في سلسلة الاستعلام باستخدام طريقة get ().
الطريقة 2: الحصول على قيم سلسلة الاستعلام باستخدام URLSearchParams مع أسلوب القيم ()
يمكنك أيضًا استخدام ' القيم() ”مع واجهة URLSearchParams لاسترداد قيم سلسلة الاستعلام. يساعد على الوصول إلى جميع قيم السلسلة دفعة واحدة.
مثال
قم بتمرير سلسلة الاستعلام إلى واجهة URLSearchParams وتخزينها في متغير “ الاستعلام ':
قم باستدعاء طريقة القيم () في ' ل ”للحصول على جميع قيم سلسلة الاستعلام:
ل ( مقدار ثابت قيمة سلسلة الاستعلام. القيم ( ) ) {وحدة التحكم. سجل ( القيمة ) ؛
}
يمكن ملاحظة أنه تم جلب جميع قيم السلسلة:
هذا كل ما يتعلق بالحصول على قيم سلسلة الاستعلام في جافا سكريبت.
استنتاج
للحصول على قيم سلسلة الاستعلام ، استخدم ' URL API ' مع ال ' احصل على() 'الطريقة و' البحث ' ينسب. تمثل خاصية searchParams لكائن URL في JavaScript سلسلة الاستعلام الخاصة بعنوان URL. يمكنك أيضًا استخدام ' URLSearchParams 'واجهة مع' احصل على() 'طريقة أو' القيم() ' طريقة. وصفت هذه المدونة إجراء الحصول على قيم سلسلة الاستعلام في JavaScript.