جاوا اسکرپٹ میں استفسار کی سٹرنگ ویلیوز کیسے حاصل کریں۔

یو آر ایل میں استفسار کی سٹرنگ کی قدریں اکثر درخواست کے بارے میں معلومات دیتی ہیں، جیسے تلاش کے پیرامیٹرز۔ HTTP پروٹوکول کا استعمال کرتے ہوئے کسی ویب صفحہ کی درخواست کرنے کے لیے استفسار کا سٹرنگ استعمال کیا جا سکتا ہے۔ آپ کو کبھی کبھار اپنی اسکرپٹ میں استفسار کے اسٹرنگ کے انتسابات کو بازیافت کرنے کی ضرورت پڑسکتی ہے۔ مزید برآں، یہ جاننا ضروری ہے کہ URL سے استفسار کے اسٹرنگ ڈیٹا کو کیسے نکالا جائے اگر کسی کاروبار یا درخواست کی منطق کو سامنے والے حصے میں ہینڈل کیا جائے۔

یہ بلاگ جاوا اسکرپٹ میں استفسار کے اسٹرنگ کی قدریں حاصل کرنے کے طریقہ کار کی وضاحت کرے گا۔

جاوا اسکرپٹ میں استفسار کی سٹرنگ ویلیوز کیسے حاصل کریں؟

جاوا اسکرپٹ میں استفسار کے اسٹرنگ کی قدریں حاصل کرنے کے لیے درج ذیل طریقے استعمال کریں:

get() طریقہ کے ساتھ URL API کا استعمال کریں۔
get() طریقہ کے ساتھ URLSearchParams
اقدار() طریقہ کے ساتھ URLSearchParams

طریقہ 1: get() طریقہ کے ساتھ URL API کا استعمال کرتے ہوئے استفسار کی سٹرنگ ویلیوز حاصل کریں۔

کا استعمال کرتے ہیں ' URL API ' کے ساتہ ' حاصل کریں() جاوا اسکرپٹ میں استفسار کی سٹرنگ کی قدریں حاصل کرنے کا طریقہ۔ یو آر ایل (یونیفارم ریسورس لوکیٹر) ایک مخصوص انٹرنیٹ ریسورس تلاش کرنے کا ایک طریقہ ہے۔ یہ عام طور پر ایک پروٹوکول پر مشتمل ہوتا ہے (جیسے ' http 'یا' https ')، ایک ڈومین نام (جیسے ' example.com ')، اور ایک راستہ (جیسے ' /path/to/resource ')۔ URLs کا استعمال ویب صفحات تک رسائی حاصل کرنے، فائلیں ڈاؤن لوڈ کرنے، اور دیگر وسائل تک رسائی حاصل کرنے کے لیے کیا جاتا ہے، بشمول انٹرنیٹ پر استفسار کی سٹرنگ ویلیوز۔

مثال
ایک متغیر بنائیں جو یو آر ایل کو استفسار کے تاروں کے ساتھ اسٹور کرے:

تھا urlQueryString = 'https://www.example.com/page.html?keyword=SearchText &fullname=jennyConvey &click=Submit' ;

یو آر ایل آبجیکٹ کو پاس کرکے کال کریں ' urlQueryString ”:

تھا queryString = نئی URL ( urlQueryString ) ;

کلید کو پاس کرکے get() طریقہ استعمال کریں۔ کلیدی لفظ تلاش پیرامز وصف کے ساتھ اس کی قدر حاصل کرنے کے لیے استفسار کا۔ JavaScript میں URL آبجیکٹ کی searchParams پراپرٹی URL کے استفسار کی سٹرنگ کی نمائندگی کرتی ہے۔ یہ یو آر ایل کے استفسار کے اسٹرنگ کو کسی سٹرنگ کے بجائے بطور آبجیکٹ جوڑنے کا ایک طریقہ فراہم کرتا ہے:

تھا قدر 1 = queryString. تلاش پیرامز . حاصل کریں ( 'کلیدی لفظ' ) ;
تسلی. لاگ ( 'مطلوبہ الفاظ کی قدر:' + قدر 1 ) ;

استفسار کے تار سے دوسری قدر حاصل کریں اس کی کلید کو get() طریقہ اور کنسول پر پرنٹس میں منتقل کر کے:

تھا قدر 2 = queryString. تلاش پیرامز . حاصل کریں ( 'پورا نام' ) ;
تسلی. لاگ ( 'پورے نام کی قدر:' + قدر 2 ) ;

اسی طرح، سٹرنگ میں تیسری قدر حاصل کریں:

تھا قدر3 = queryString. تلاش پیرامز . حاصل کریں ( 'کلک کریں' ) ;
تسلی. لاگ ( 'کلک کی قدر:' + قدر3 ) ;

یہ دیکھا جا سکتا ہے کہ استفسار کے اسٹرنگ کی قدروں کو کامیابی کے ساتھ بازیافت کیا گیا ہے:

طریقہ 2: get() طریقہ کے ساتھ URLSearchParams کا استعمال کرتے ہوئے استفسار کی سٹرنگ ویلیوز حاصل کریں

' URLSearchParams ” انٹرفیس کو جاوا اسکرپٹ میں استفسار کے سٹرنگ سے قدروں کو بازیافت کرنے کے لیے استعمال کیا جا سکتا ہے۔ یہ یو آر ایل کے استفسار کے اسٹرنگ کا جائزہ لیتا ہے اور اقدار تک رسائی کے لیے ایک میڈیم پیش کرتا ہے۔ نوٹ کریں کہ آپ کو صرف یو آر ایل کے استفسار کے اسٹرنگ کا حصہ بھیجنا چاہیے، جسے آپ استعمال کر کے بازیافت کر سکتے ہیں۔ window.location.search URLSearchParams() کے پیرامیٹر کے طور پر۔

مثال
ایک متغیر بنائیں جو استفسار کے اسٹرنگ کو اسٹور کرے:

تھا urlQueryString = 'کلیدی لفظ = تلاش کا متن اور مکمل نام = jennyConvey اور کلک کریں = جمع کروائیں' ;

تار کو ' URLSearchParams انٹرفیس:

تھا queryString = نئی URLSearchParams ( urlQueryString ) ;

کلید کی قیمت حاصل کریں ' پورا نام 'استفسار کے تار سے' کا استعمال کرتے ہوئے حاصل کریں() طریقہ:

تھا قدر 1 = queryString. حاصل کریں ( 'پورا نام' ) ;
تسلی. لاگ ( 'پورے نام کی قدر:' + قدر 1 ) ;

آؤٹ پٹ

نوٹ : استعمال کریں const queryString = new URLSearchParams(window.location.search) لائیو/موجودہ URL حاصل کرنے کے لیے۔

موجودہ URL حاصل کرنے کے بعد اس سے استفسار کی سٹرنگ حاصل کریں، URLSearchParams کی ایک مثال بنائیں، اور استفسار کی اسٹرنگ کو اس میں منتقل کریں۔ آخر میں، get() طریقہ استعمال کرتے ہوئے استفسار کے سٹرنگ میں مخصوص پیرامیٹر کی قدر حاصل کریں۔

طریقہ 2: اقدار() طریقہ کے ساتھ URLSearchParams کا استعمال کرتے ہوئے استفسار کی سٹرنگ ویلیوز حاصل کریں

آپ بھی استعمال کر سکتے ہیں ' اقدار() استفسار کے اسٹرنگ کی قدروں کو بازیافت کرنے کے لیے URLSearchParams انٹرفیس کے ساتھ طریقہ۔ یہ ایک ساتھ سٹرنگ کی تمام اقدار تک رسائی حاصل کرنے میں مدد کرتا ہے۔

مثال
استفسار کے اسٹرنگ کو URLSearchParams انٹرفیس میں منتقل کریں اور اسے متغیر میں اسٹور کریں۔ queryString ”:

تھا queryString = نئی URLSearchParams ( urlQueryString ) ;

اقدار () طریقہ کو 'میں کال کریں کے لیے استفسار کے تار کی تمام اقدار حاصل کرنے کے لیے لوپ:

کے لیے ( const queryString کی قدر اقدار ( ) ) {
تسلی. لاگ ( قدر ) ;
}

یہ مشاہدہ کیا جا سکتا ہے کہ تمام سٹرنگ ویلیوز حاصل کر لی گئی ہیں:

یہ سب جاوا اسکرپٹ میں استفسار کی سٹرنگ ویلیوز حاصل کرنے کے بارے میں ہے۔

نتیجہ

استفسار کے تار کی قدریں حاصل کرنے کے لیے، ' URL API ' کے ساتہ ' حاصل کریں() 'طریقہ اور' تلاش پیرام ' وصف. JavaScript میں URL آبجیکٹ کی searchParams پراپرٹی URL کے استفسار کی سٹرنگ کی نمائندگی کرتی ہے۔ آپ بھی استعمال کر سکتے ہیں ' URLSearchParams 'کے ساتھ انٹرفیس' حاصل کریں() 'طریقہ یا' اقدار() 'طریقہ. اس بلاگ نے جاوا اسکرپٹ میں استفسار کے اسٹرنگ کی قدریں حاصل کرنے کے طریقہ کار کو بیان کیا ہے۔

جاوا اسکرپٹ میں استفسار کی سٹرنگ ویلیوز کیسے حاصل کریں۔