Hvordan få URL -parameterverdi i JavaScript
Denne artikkelen vil diskutere metodene for å få URL -parameterverdien i JavaScript.
Hvordan få URL -parameterverdi i JavaScript?
For å få URL -parameterverdi i JavaScript, kan følgende tilnærminger brukes:
- “dele()”Metode med“til" Løkke
- UrlSearchParams”Objekt
Gå gjennom de diskuterte metodene en etter en!
Metode 1: Få URL -parameterverdi i JavaScript ved å bruke “Split ()” -metode med “For” -sløyfe
“dele()”Metode deler en gitt streng i en rekke underlag uten endring i den opprinnelige strengen. Denne metoden kan brukes på en gitt URL i to deler, og en for loop kan brukes til å kontrollere iterasjonen ved hjelp av lengdeegenskapen for å få alle parameterverdiene.
Syntaks
streng.Split (separator, grense)Her, “separator”Refererer til strengen som må deles og“grense”Er et tall som representerer de delte grensene.
Sjekk ut følgende eksempel for å forstå det uttalte konseptet.
Eksempel
I eksemplet nedenfor vil vi opprette en knapp og legge ved en OnClick -hendelse med den som vil få tilgang til "GetParameters ()”Funksjon:
Nå vil vi definere getParameters () -funksjonen. I sin definisjon legges en URL av et eksempeldomene som vil få tilgang til og lagres i en variabel som heter "geturl”. Deretter blir den spesifiserte URL -en bli delt i to deler ved å bruke “?”Som separator og“1”Som grensen, og“Og”Vil deretter skille hver parameterstreng og lagre den i“params”Array.
Etter det, "til”Loop vil bli brukt på en slik måte at hver av parameteren og verdien vises på konsollen:
funksjon getParameters ()la geturl = "https: // eksempel.com/?Produkt = skjorter og farge = hvit & bruker = anonym & størrelse = s ";
la getParameters = getUrl.dele('?')[1];
LetParams = getParameters.dele('&');
for (la i = 0; i
konsoll.logg (verdi [0], verdi [1]);
Utgangen fra implementeringen ovenfor vil resultere som følger:
Det handlet om å få tilgang til alle parameterverdier samtidig. Imidlertid, hvis du vil få en verdi av en spesifikk parameter, flytter du til neste seksjon!
Metode 2: Få URL -parameterverdi i JavaScript med UrlSearchParams -objekt
“UrlSearchParams”Kan også brukes til å få den spesifiserte URL -en ved hjelp av et objekt og hente en bestemt verdi mot den tilsvarende attributtet.
Gå gjennom følgende eksempel for videre demonstrasjon.
Eksempel
Inkluder først en knapp med en "ved trykk”Hendelse som vil få tilgang til den spesifiserte funksjonen som diskutert i forrige metode:
Deretter vil en funksjon som heter urlParameter () bli definert. Her et nytt objekt som heter “UrlSearchParams”Er opprettet, som vil få tilgang til den spesifiserte URL som refererer til eksempeldomenet. Til slutt, vis alle verdiene som tilsvarer det spesifiserte attributtet. I vårt tilfelle,
funksjon urlParameter ()Let GetUrl = Nye UrlSearchParams ("https: // Eksempel.com/?Produkt = skjorter og farge = hvit og bruker = anonym & størrelse = s ")
konsoll.Logg (GetUrl.få ('bruker'));
Produksjon
I ovennevnte utgang kan det observeres at "anonym”Verdien hentes for“bruker" parameter.
Vi har illustrert forskjellige metoder for å få URL -parameterverdier i JavaScript.
Konklusjon
For å få URL -parameterverdi i JavaScript, bruk "dele()”Metode med“til”Loop for å dele den spesifiserte URL -en, skille hver parameterverdi og vise dem ved å legge til den nødvendige tilstanden mot deres tilsvarende attributter. Også "UrlSearchParams”Objektmetode kan brukes til å lage et nytt objekt og trekke ut verdien av en spesifikk attributt. Denne oppskrivningen har vist metodene for å få URL-parameterverdier i JavaScript.