কিভাবে জাভাস্ক্রিপ্টে কোয়েরি স্ট্রিং মান পেতে হয়

Kibhabe Jabhaskripte Koyeri Strim Mana Pete Haya



একটি URL-এ ক্যোয়ারী স্ট্রিং মান প্রায়ই অনুরোধ সম্পর্কে তথ্য দেয়, যেমন অনুসন্ধান পরামিতি। একটি ক্যোয়ারী স্ট্রিং HTTP প্রোটোকল ব্যবহার করে একটি ওয়েব পৃষ্ঠার অনুরোধ করতে ব্যবহার করা যেতে পারে। আপনাকে মাঝে মাঝে আপনার স্ক্রিপ্টে ক্যোয়ারী স্ট্রিং বৈশিষ্ট্যগুলি আনতে হতে পারে। তাছাড়া, URL থেকে কোয়েরি স্ট্রিং ডেটা কীভাবে বের করতে হয় তা জানা অত্যাবশ্যক যদি কোনো ব্যবসা বা অনুরোধের যুক্তি সামনের প্রান্তে পরিচালনা করা হয়।

এই ব্লগটি জাভাস্ক্রিপ্টে ক্যোয়ারী স্ট্রিং এর মান পাওয়ার পদ্ধতি নির্ধারণ করবে।

কিভাবে জাভাস্ক্রিপ্টে ক্যোয়ারী স্ট্রিং মান পেতে হয়?

জাভাস্ক্রিপ্টে ক্যোয়ারী স্ট্রিং এর মান পেতে, নিম্নলিখিত পদ্ধতিগুলি ব্যবহার করুন:







পদ্ধতি 1: get() পদ্ধতির সাথে URL API ব্যবহার করে কোয়েরি স্ট্রিং মান পান

ব্যবহার ' URL API 'এর সাথে' পাওয়া() জাভাস্ক্রিপ্টে ক্যোয়ারী স্ট্রিং মান পেতে পদ্ধতি। একটি ইউআরএল (ইউনিফর্ম রিসোর্স লোকেটার) হল একটি নির্দিষ্ট ইন্টারনেট রিসোর্স খোঁজার একটি উপায়। এটি সাধারণত একটি প্রোটোকল দ্বারা গঠিত (যেমন ' http 'বা' https '), একটি ডোমেন নাম (যেমন ' example.com '), এবং একটি পথ (যেমন ' /পথ/প্রতি/সম্পদ ')। ইউআরএলগুলি ওয়েব পৃষ্ঠাগুলি অ্যাক্সেস করতে, ফাইলগুলি ডাউনলোড করতে এবং ইন্টারনেটে ক্যোয়ারী স্ট্রিং মান সহ অন্যান্য সংস্থানগুলি অ্যাক্সেস করতে ব্যবহৃত হয়।



উদাহরণ
একটি ভেরিয়েবল তৈরি করুন যা ক্যোয়ারী স্ট্রিং সহ URL সংরক্ষণ করে:



ছিল urlQueryString = 'https://www.example.com/page.html?keyword=SearchText &fullname=jennyConvey &click=Submit' ;

পাস করে URL অবজেক্টকে কল করুন ' urlQueryString ”:





ছিল queryString = নতুন URL ( urlQueryString ) ;

কী পাস করে get() পদ্ধতি ব্যবহার করুন “ কীওয়ার্ড অনুসন্ধান প্যারামস অ্যাট্রিবিউটের সাথে এর মান পেতে অনুসন্ধানের। JavaScript-এ URL অবজেক্টের সার্চপ্যারামস বৈশিষ্ট্য একটি URL-এর ক্যোয়ারী স্ট্রিংকে উপস্থাপন করে। এটি একটি URL এর ক্যোয়ারী স্ট্রিংকে একটি স্ট্রিংয়ের পরিবর্তে একটি বস্তু হিসাবে ব্যবহার করার একটি উপায় প্রদান করে:

ছিল মান1 = queryString. সার্চ প্যারামস . পাওয়া ( 'কীওয়ার্ড' ) ;
কনসোল লগ ( 'কীওয়ার্ডের মান:' + মান1 ) ;

ক্যোয়ারী স্ট্রিং থেকে দ্বিতীয় মানটি get() পদ্ধতিতে পাস করে কনসোলে প্রিন্ট করে নিন:



ছিল মান2 = queryString. সার্চ প্যারামস . পাওয়া ( 'পুরো নাম' ) ;
কনসোল লগ ( 'পুরোনামের মান:' + মান2 ) ;

একইভাবে, স্ট্রিংয়ে তৃতীয় মান আনুন:

ছিল মান3 = queryString. সার্চ প্যারামস . পাওয়া ( 'ক্লিক' ) ;
কনসোল লগ ( 'ক্লিকের মান:' + মান3 ) ;

এটা দেখা যায় যে ক্যোয়ারী স্ট্রিং এর মান সফলভাবে পুনরুদ্ধার করা হয়েছে:

পদ্ধতি 2: get() পদ্ধতির সাথে URLSearchParams ব্যবহার করে ক্যোয়ারী স্ট্রিং মান পান

দ্য ' URLSearchParams ' ইন্টারফেস ক্যোয়ারী স্ট্রিং থেকে মান পুনরুদ্ধার করতে JavaScript এ ব্যবহার করা যেতে পারে। এটি একটি URL এর ক্যোয়ারী স্ট্রিং মূল্যায়ন করে এবং মানগুলি অ্যাক্সেস করার জন্য একটি মাধ্যম অফার করে। মনে রাখবেন যে আপনি শুধুমাত্র URL এর ক্যোয়ারী স্ট্রিং অংশটি পাঠাতে হবে, যা আপনি ' ব্যবহার করে পুনরুদ্ধার করতে পারেন window.location.search URLSearchParams() এর একটি প্যারামিটার হিসাবে।

উদাহরণ
একটি ভেরিয়েবল তৈরি করুন যা ক্যোয়ারী স্ট্রিং সংরক্ষণ করে:

ছিল urlQueryString = 'কীওয়ার্ড=সার্চটেক্সট &fullname=jennyConvey &ক্লিক=জমা দিন' ;

স্ট্রিংটি পাস করুন ' URLSearchParams ' ইন্টারফেস:

ছিল queryString = নতুন URLSearchParams ( urlQueryString ) ;

চাবির মান পান ' পুরো নাম ' ক্যোয়ারী স্ট্রিং থেকে ' ব্যবহার করে পাওয়া() 'পদ্ধতি:

ছিল মান1 = queryString. পাওয়া ( 'পুরো নাম' ) ;
কনসোল লগ ( 'পুরোনামের মান:' + মান1 ) ;

আউটপুট

বিঃদ্রঃ : ব্যবহার করুন const queryString = নতুন URLSearchParams(window.location.search) লাইভ/বর্তমান ইউআরএল পাওয়ার জন্য।

বর্তমান URL পাওয়ার পরে এটি থেকে ক্যোয়ারী স্ট্রিংটি পান, URLSearchParams-এর একটি উদাহরণ তৈরি করুন এবং এতে ক্যোয়ারী স্ট্রিংটি পাস করুন। অবশেষে, get() পদ্ধতি ব্যবহার করে ক্যোয়ারী স্ট্রিং-এ একটি নির্দিষ্ট প্যারামিটারের মান পান।

পদ্ধতি 2: মান() পদ্ধতির সাথে URLSearchParams ব্যবহার করে ক্যোয়ারী স্ট্রিং মান পান

এছাড়াও আপনি ব্যবহার করতে পারেন ' মান() ক্যোয়ারী স্ট্রিং এর মান পুনরুদ্ধার করতে URLSearchParams ইন্টারফেসের সাথে ” পদ্ধতি। এটি একবারে স্ট্রিংয়ের সমস্ত মান অ্যাক্সেস করতে সহায়তা করে।

উদাহরণ
ক্যোয়ারী স্ট্রিংটি URLSearchParams ইন্টারফেসে পাস করুন এবং এটি একটি পরিবর্তনশীল 'এ সংরক্ষণ করুন queryString ”:

ছিল queryString = নতুন URLSearchParams ( urlQueryString ) ;

'এ মান() পদ্ধতিতে কল করুন জন্য ক্যোয়ারী স্ট্রিং এর সমস্ত মান পেতে লুপ করুন:

জন্য ( const queryString এর মান। মান ( ) ) {
কনসোল লগ ( মান ) ;
}

এটা লক্ষ্য করা যায় যে সমস্ত স্ট্রিং মান আনা হয়েছে:

এটি জাভাস্ক্রিপ্টে ক্যোয়ারী স্ট্রিং মানগুলি পাওয়ার বিষয়ে।

উপসংহার

ক্যোয়ারী স্ট্রিং মান পেতে, ব্যবহার করুন “ URL API 'এর সাথে' পাওয়া() 'পদ্ধতি এবং' সার্চ পরম ” বৈশিষ্ট্য। JavaScript-এ URL অবজেক্টের সার্চপ্যারামস বৈশিষ্ট্য একটি URL-এর ক্যোয়ারী স্ট্রিংকে উপস্থাপন করে। এছাড়াও আপনি ব্যবহার করতে পারেন ' URLSearchParams 'এর সাথে ইন্টারফেস' পাওয়া() 'পদ্ধতি বা' মান() 'পদ্ধতি। এই ব্লগটি জাভাস্ক্রিপ্টে ক্যোয়ারী স্ট্রিং এর মান পাওয়ার পদ্ধতি বর্ণনা করেছে।