Hvordan passere JavaScript -variabler i URL?

I programmeringsfasen av JavaScript kan det være situasjoner der utvikleren trenger å legge til JavaScript -variablene i URL -en på noen tilfeller. Mer spesifikt, mens du arbeider med et nettsted som akkumulerer flere websider. I et slikt tilfelle er bestått JavaScript -variabler i URL -en effektiv for å omdirigere og få tilgang til alle websidene på forespørsel.

Denne artikkelen vil utdype tilnærmingen for å passere JavaScript -variabler i en URL.

Hvordan passere JavaScript -variabler i URL?

For å passere variabler i nettadressen ved hjelp av JavaScript, bruk "SearchParams”Eiendom i kombinasjon med“Pushstate ()”Og“substring ()”Metoder.

Hvordan passere JavaScript -variabler i URL ved å stille inn de initialiserte strengverdiene?

“vindu.plassering.href”Eiendom henter nettadressen til den gjeldende siden. “SearchParams”Eiendom gir en“UrlSearchParams”Objekt. “historie.Pushstate ()”Metode legger til en post i nettleserens økthistoriebunke. “dele()”Metode deler den tilhørende strengen i en matrise, og“substring ()”Metode trekker ut tegn mellom to spesifiserte indekser. Disse tilnærmingene kan brukes til å angi de tilpassede URL -parametrene ved å passere strengverdiene som er inneholdt i en variabel til URL -en.

Syntaks

SearchParams.sett (navn, verdi);

I syntaks ovenfor:

• “Navn”Angir parameterens navn.
• “verdi”Begynner parameterverdien.

Pushstate (verdi, HIST);

I den gitte syntaks:

• “verdi”Peker på objektet som er assosiert med den nye oppføringen.
• “HIST”Er en nødvendig parameter av historiske grunner.

streng.Substring (begynn, sist)

Her:

• “begynne”Henviser til den posisjonen for å sette i gang ekstraksjonen.
• “siste”Indikerer posisjonen der ekstraksjonen må avsluttes, unntatt den.

streng.Split (separator, grense)

I henhold til den gitte koden:

• “separator”Refererer til strengen som må dele seg.
• “grense”Indikerer heltallet som begrenser det delte nummeret.

Eksempel

La oss gå gjennom den under-uttalte demonstrasjonen:

I kodeblokken ovenfor:

• For det første, initialiser de gitte variablene med de oppgitte strengverdiene.
• I neste trinn lager du et nytt URL -objekt via "ny”Nøkkelord og“URL”Konstruktør som refererer til den oppgitte URL -en.
• Etter det, knytter “SearchParams”Eiendom med“sett()”Metode for å angi verdiene slik at sistnevnte verdi i parametrene er tilordnet den tidligere.
• Legg nå posten til økthistorikkstabelen til nettleseren via "Pushstate ()”Metode.
• Bruk også den kombinerte “substring ()”Og“dele()”Metoder for å plassere det spesifiserte tegnet ved en bestemt indeks, i.e., “1”I de passerte verdiene i nettadressen.
• Til slutt, vis de angitte verdiene som er passert i nettadressen.

Produksjon

I outputten kan det observeres at de initialiserte strengverdiene er satt, separert og ført i URL -en og vist på konsollen.

Konklusjon

For å passere JavaScript -variabler i nettadressen, bruk "SearchParams”Eiendom kombinert med“Pushstate ()”Og“substring ()”Metoder. Disse tilnærmingene kan brukes til å tildele og skille URL -parametrene ved å passere de initialiserte strengverdiene som er inneholdt i en variabel til URL -en. Denne bloggen uttalte tilnærmingen for å bestå JavaScript -variabler i URL -en.