ఈ బ్లాగ్ జావాస్క్రిప్ట్లో ప్రశ్న స్ట్రింగ్ విలువలను పొందే విధానాన్ని నిర్వచిస్తుంది.
జావాస్క్రిప్ట్లో ప్రశ్న స్ట్రింగ్ విలువలను ఎలా పొందాలి?
జావాస్క్రిప్ట్లో ప్రశ్న స్ట్రింగ్ విలువలను పొందడానికి, క్రింది పద్ధతులను ఉపయోగించండి:
- get() పద్ధతితో URL APIని ఉపయోగించండి
- get() పద్ధతితో URLSearchParams
- విలువలు() పద్ధతితో URLSearchParams
విధానం 1: get() పద్ధతితో URL APIని ఉపయోగించి ప్రశ్న స్ట్రింగ్ విలువలను పొందండి
ఉపయోగించడానికి ' URL API 'తో' పొందండి() ” జావాస్క్రిప్ట్లో ప్రశ్న స్ట్రింగ్ విలువలను పొందడానికి పద్ధతి. URL (యూనిఫాం రిసోర్స్ లొకేటర్) అనేది నిర్దిష్ట ఇంటర్నెట్ వనరును కనుగొనే మార్గం. ఇది సాధారణంగా ప్రోటోకాల్తో కూడి ఉంటుంది (ఉదా: ' http 'లేదా' https '), డొమైన్ పేరు (వంటి' example.com '), మరియు ఒక మార్గం (వంటి' /మార్గం/కు/వనరు '). వెబ్ పేజీలను యాక్సెస్ చేయడానికి, ఫైల్లను డౌన్లోడ్ చేయడానికి మరియు ఇంటర్నెట్లోని ప్రశ్న స్ట్రింగ్ విలువలతో సహా ఇతర వనరులను యాక్సెస్ చేయడానికి URLలు ఉపయోగించబడతాయి.
ఉదాహరణ
ప్రశ్న స్ట్రింగ్లతో URLని నిల్వ చేసే వేరియబుల్ని సృష్టించండి:
ఉంది urlQueryString = 'https://www.example.com/page.html?keyword=SearchText &fullname=jennyConvey &click=Submit' ;
''ని పాస్ చేయడం ద్వారా URL ఆబ్జెక్ట్కు కాల్ చేయండి urlQueryString ”:
ఉంది queryString = కొత్త URL ( urlQueryString ) ;
'కీని పాస్ చేయడం ద్వారా get() పద్ధతిని ఉపయోగించండి కీవర్డ్ ”సెర్చ్పారామ్స్ అట్రిబ్యూట్తో దాని విలువను పొందడానికి ప్రశ్న. జావాస్క్రిప్ట్లోని URL ఆబ్జెక్ట్ యొక్క searchParams ప్రాపర్టీ URL యొక్క ప్రశ్న స్ట్రింగ్ను సూచిస్తుంది. ఇది URL యొక్క ప్రశ్న స్ట్రింగ్ను స్ట్రింగ్గా కాకుండా వస్తువుగా మార్చడానికి ఒక మార్గాన్ని అందిస్తుంది:
ఉంది విలువ1 = queryString. శోధన పారాములు . పొందండి ( 'కీవర్డ్' ) ;కన్సోల్. లాగ్ ( 'కీవర్డ్ విలువ:' + విలువ1 ) ;
కన్సోల్లోని get() పద్ధతి మరియు ప్రింట్లకు దాని కీని పాస్ చేయడం ద్వారా ప్రశ్న స్ట్రింగ్ నుండి రెండవ విలువను పొందండి:
ఉంది విలువ2 = queryString. శోధన పారాములు . పొందండి ( 'పూర్తి పేరు' ) ;
కన్సోల్. లాగ్ ( 'పూర్తి పేరు యొక్క విలువ:' + విలువ2 ) ;
అదేవిధంగా, స్ట్రింగ్లో మూడవ విలువను పొందండి:
ఉంది విలువ3 = queryString. శోధన పారాములు . పొందండి ( 'క్లిక్' ) ;కన్సోల్. లాగ్ ( 'క్లిక్ విలువ:' + విలువ3 ) ;
ప్రశ్న స్ట్రింగ్ యొక్క విలువలు విజయవంతంగా తిరిగి పొందబడినట్లు చూడవచ్చు:
విధానం 2: get() విధానంతో URLSearchParamsని ఉపయోగించి ప్రశ్న స్ట్రింగ్ విలువలను పొందండి
ది ' URLSearchParams ” ఇంటర్ఫేస్ని ప్రశ్న స్ట్రింగ్ నుండి విలువలను తిరిగి పొందడానికి JavaScriptలో ఉపయోగించవచ్చు. ఇది URL యొక్క ప్రశ్న స్ట్రింగ్ను మూల్యాంకనం చేస్తుంది మరియు విలువలను యాక్సెస్ చేయడానికి మాధ్యమాన్ని అందిస్తుంది. మీరు URL యొక్క క్వెరీ స్ట్రింగ్ భాగాన్ని మాత్రమే పంపాలని గుర్తుంచుకోండి, మీరు 'ని ఉపయోగించి తిరిగి పొందవచ్చు window.location.search ” URLSearchParams()కి పారామీటర్గా
ఉదాహరణ
ప్రశ్న స్ట్రింగ్ను నిల్వ చేసే వేరియబుల్ను సృష్టించండి:
స్ట్రింగ్ను 'కి పాస్ చేయండి URLSearchParams ' ఇంటర్ఫేస్:
ఉంది queryString = కొత్త URLSearchParams ( urlQueryString ) ;కీ విలువను పొందండి ' పూర్తి పేరు ''ని ఉపయోగించి ప్రశ్న స్ట్రింగ్ నుండి పొందండి() 'పద్ధతి:
ఉంది విలువ1 = queryString. పొందండి ( 'పూర్తి పేరు' ) ;కన్సోల్. లాగ్ ( 'పూర్తి పేరు యొక్క విలువ:' + విలువ1 ) ;
అవుట్పుట్
గమనిక : వా డు ' const queryString = కొత్త URLSearchParams(window.location.search) ” ప్రత్యక్ష/ప్రస్తుత URLని పొందడానికి.
ప్రస్తుత URLని పొందిన తర్వాత దాని నుండి ప్రశ్న స్ట్రింగ్ను పొందండి, URLSearchParams యొక్క ఉదాహరణను సృష్టించండి మరియు దానికి ప్రశ్న స్ట్రింగ్ను పాస్ చేయండి. చివరగా, get() పద్ధతిని ఉపయోగించి ప్రశ్న స్ట్రింగ్లో నిర్దిష్ట పరామితి విలువను పొందండి.
విధానం 2: విలువలు() విధానంతో URLSearchParamsని ఉపయోగించి ప్రశ్న స్ట్రింగ్ విలువలను పొందండి
మీరు కూడా ఉపయోగించవచ్చు ' విలువలు() ” ప్రశ్న స్ట్రింగ్ విలువలను తిరిగి పొందడానికి URLSearchParams ఇంటర్ఫేస్తో పద్ధతి. ఇది స్ట్రింగ్ యొక్క అన్ని విలువలను ఒకేసారి యాక్సెస్ చేయడానికి సహాయపడుతుంది.
ఉదాహరణ
ప్రశ్న స్ట్రింగ్ను URLSearchParams ఇంటర్ఫేస్కు పంపండి మరియు దానిని వేరియబుల్లో నిల్వ చేయండి “ queryString ”:
'లోని విలువలు() పద్ధతిని కాల్ చేయండి కోసం ప్రశ్న స్ట్రింగ్ యొక్క అన్ని విలువలను పొందడానికి లూప్:
కోసం ( స్థిరంగా queryString విలువ. విలువలు ( ) ) {కన్సోల్. లాగ్ ( విలువ ) ;
}
అన్ని స్ట్రింగ్ విలువలు పొందినట్లు గమనించవచ్చు:
జావాస్క్రిప్ట్లో ప్రశ్న స్ట్రింగ్ విలువలను పొందడం గురించి అంతే.
ముగింపు
ప్రశ్న స్ట్రింగ్ విలువలను పొందడానికి, “ని ఉపయోగించండి URL API 'తో' పొందండి() 'పద్ధతి మరియు' శోధన పారం ' గుణం. జావాస్క్రిప్ట్లోని URL ఆబ్జెక్ట్ యొక్క searchParams ప్రాపర్టీ URL యొక్క ప్రశ్న స్ట్రింగ్ను సూచిస్తుంది. మీరు కూడా ఉపయోగించవచ్చు ' URLSearchParams ''తో ఇంటర్ఫేస్ పొందండి() 'పద్ధతి లేదా' విలువలు() ” పద్ధతి. ఈ బ్లాగ్ జావాస్క్రిప్ట్లో ప్రశ్న స్ట్రింగ్ విలువలను పొందే విధానాన్ని వివరించింది.