Hvordan få spørringsverdier i JavaScript

Spørringsstrengverdier i en URL gir ofte informasjon om forespørselen, for eksempel søkeparametere. En spørringsstreng kan brukes til å be om en webside som bruker HTTP -protokollen. Du må av og til trenge å hente spørringsstreng -attributter i skriptet ditt. Videre er det viktig å vite hvordan du kan trekke ut spørringsstrengdataene fra URL -en.

Denne bloggen vil definere prosedyren for å få verdiene til spørringsstrengen i JavaScript.

Hvordan få spørringsverdier i JavaScript?

For å få verdiene til spørringsstrengen i JavaScript, bruk følgende metoder:

• Bruk URL API med get () -metoden
• UrlSearchParams med get () -metoden
• UrlSearchParams med verdiene () -metoden

Metode 1: Få spørsmål om spørringsstreng ved hjelp av URL -API med get () -metoden

Bruke "URL API" med "få()”Metode for å få spørringsstrengverdiene i JavaScript. En URL (Uniform Resource Locator) er en måte å finne en spesifikk internettressurs. Den er vanligvis sammensatt av en protokoll (for eksempel “http”Eller“https“), Et domenenavn (som“eksempel.com“), Og en sti (som"/bane/til/ressurs“). URL -er brukes til å få tilgang til websider, laste ned filer og få tilgang til andre ressurser, inkludert spørringsverdier på internett.

Eksempel
Lag en variabel som lagrer nettadressen med spørringsstrenger:

var urlQueryString = "https: // www.eksempel.com/side.html?Nøkkelord = SearchText & FullName = JennyConvey & Click = Send ";

Ring URL -objektet ved å passere “UrlQueryString”:

var queryString = ny URL (URLQueryString);

Bruk get () -metoden ved å passere nøkkelen “nøkkelord”Av spørringen for å få sin verdi med SearchParams -attributtet. SearchParams -egenskapen til URL -objektet i JavaScript representerer spørringsstrengen til en URL. Det gir en måte å manipulere spørringsstrengen til en URL som et objekt i stedet for en streng:

var verdi1 = spørringsstreng.SearchParams.få ("nøkkelord");
konsoll.Logg ("Verdi av nøkkelord:" + verdi1);

Få den andre verdien fra spørringsstrengen ved å sende nøkkelen til get () -metoden og utskrifter på konsollen:

var verdi2 = spørringsstreng.SearchParams.få ("fullname");
konsoll.Logg ("Verdi av fullnavn:" + Value2);

Tilsvarende hent den tredje verdien i strengen:

var verdi3 = spørringsstreng.SearchParams.få ("klikk");
konsoll.Logg ("Verdi av klikk:" + verdi3);

Det kan sees at verdiene til spørringsstrengen er hentet med hell:

Metode 2: Få spørsmål om spørringsstreng ved bruk av UrlSearchParams med get () -metoden

“UrlSearchParams”Grensesnitt kan brukes i JavaScript for å hente verdiene fra spørringsstrengen. Den evaluerer en URLs spørringsstreng og tilbyr et medium for å få tilgang til verdiene. Merk at du bare skal sende spørringsstrengdelen av nettadressen, som du kan hente ved å bruke "vindu.plassering.Søk”Som en parameter til UrlSearchParams ().

Eksempel
Lag en variabel som lagrer spørringsstrengen:

var urlQueryString = "nøkkelord = searchText & fullname = jennyconvey & klikk = sende";

Gi strengen til “UrlSearchParams”Grensesnitt:

var queryString = new UrlSearchParams (UrlQueryString);

Få verdien av nøkkelen “fullt navn”Fra spørringsstrengen ved å bruke“få()”Metode:

var verdi1 = spørringsstreng.få ("fullname");
konsoll.Logg ("Verdi av fullnavn:" + verdi1);

Produksjon

Merk: Bruk "const queryString = new UrlSearchParams (vindu.plassering.Søk)”For å få live/nåværende URL.

Etter å ha fått den gjeldende URL -en som får spørringsstrengen fra den, lag en forekomst av UrlSearchParams, og send spørringsstrengen til den. Til slutt, få verdien av en spesifikk parameter i spørringsstrengen ved hjelp av get () -metoden.

Metode 2: Få spørsmål om spørringsstreng ved bruk av UrlSearchParams med verdiene () -metoden

Du kan også bruke “verdier ()”Metode med UrlSearchParams -grensesnittet for å hente verdiene til spørringsstrengen. Det hjelper til å få tilgang til alle verdiene på strengen på en gang.

Eksempel
Sett spørringsstrengen til UrlSearchParams -grensesnittet og lagre den i en variabel “QueryString”:

var queryString = new UrlSearchParams (UrlQueryString);

Ring verdiene () -metoden i “til”Loop for å få alle verdiene til spørringsstrengen:

for (const verdien av spørringen .verdier ())
konsoll.logg (verdi);

Det kan observeres at alle strengverdiene er hentet:

Det handler om å få spørringsstrengverdiene i JavaScript.

Konklusjon

For å få spørsmål om spørringsstrengen, bruk "URL API" med "få()”Metode og“SearchParam" Egenskap. SearchParams -egenskapen til URL -objektet i JavaScript representerer spørringsstrengen til en URL. Du kan også bruke “UrlSearchParams”Grensesnitt med“få()”Metode eller“verdier ()”Metode. Denne bloggen beskrev prosedyren for å få verdiene til spørringsstrengen i JavaScript.