Denne blog vil definere proceduren for at hente værdierne af forespørgselsstrengen i JavaScript.
Hvordan får man forespørgselsstrengværdier i JavaScript?
For at få værdierne af forespørgselsstrengen i JavaScript skal du bruge følgende metoder:
- Brug URL API'et med get() metoden
- URLSearchParams med get() metoden
- URLSearchParams med values()-metoden
Metode 1: Hent forespørgselsstrengværdier ved hjælp af URL-API'en med get()-metoden
Brug ' URL API ' med ' få() ” metode til at hente forespørgselsstrengværdierne i JavaScript. En URL (Uniform Resource Locator) er en måde at finde en specifik internetressource på. Den er typisk sammensat af en protokol (såsom ' http ' eller ' https '), et domænenavn (som ' eksempel.com '), og en sti (såsom ' /sti/til/ressource “). URL'er bruges til at få adgang til websider, downloade filer og få adgang til andre ressourcer, herunder forespørgselsstrengværdier på internettet.
Eksempel
Opret en variabel, der gemmer URL'en med forespørgselsstrenge:
var urlQueryString = 'https://www.example.com/page.html?keyword=SearchText &fullname=jennyConvey &click=Submit' ;
Kald URL-objektet ved at sende ' urlQueryString ”:
var queryString = ny URL ( urlQueryString ) ;
Brug get() metoden ved at sende nøglen ' søgeord ” af forespørgslen for at få dens værdi med searchParams-attributten. URL-objektets searchParams-egenskab i JavaScript repræsenterer forespørgselsstrengen for en URL. Det giver en måde at manipulere forespørgselsstrengen for en URL som et objekt i stedet for en streng:
var værdi1 = queryString. søgeParams . få ( 'søgeord' ) ;konsol. log ( 'værdi af søgeord: ' + værdi1 ) ;
Hent den anden værdi fra forespørgselsstrengen ved at overføre dens nøgle til get()-metoden og udskriver på konsollen:
var værdi2 = queryString. søgeParams . få ( 'fulde navn' ) ;
konsol. log ( 'værdi af fulde navn: ' + værdi2 ) ;
Hent den tredje værdi i strengen på samme måde:
var værdi3 = queryString. søgeParams . få ( 'klik' ) ;konsol. log ( 'værdi af klik: ' + værdi3 ) ;
Det kan ses, at værdierne af forespørgselsstrengen er blevet hentet med succes:
Metode 2: Hent forespørgselsstrengværdier ved hjælp af URLSearchParams med get()-metoden
Det ' URLSearchParams ”-grænsefladen kan bruges i JavaScript til at hente værdierne fra forespørgselsstrengen. Den evaluerer en URL's forespørgselsstreng og tilbyder et medium til at få adgang til værdierne. Bemærk, at du kun skal sende forespørgselsstrengdelen af URL'en, som du kan hente ved at bruge ' window.location.search ” som en parameter til URLSearchParams().
Eksempel
Opret en variabel, der gemmer forespørgselsstrengen:
Send strengen til ' URLSearchParams ' grænseflade:
var queryString = ny URLSearchParams ( urlQueryString ) ;Få værdien af nøglen ' fulde navn ' fra forespørgselsstrengen ved hjælp af ' få() ” metode:
var værdi1 = queryString. få ( 'fulde navn' ) ;konsol. log ( 'værdi af fulde navn: ' + værdi1 ) ;
Produktion
Bemærk : Brug ' const queryString = new URLSearchParams(window.location.search) ” for at få den live/aktuelle URL.
Efter at have fået den aktuelle URL, få forespørgselsstrengen fra den, opret en forekomst af URLSearchParams, og send forespørgselsstrengen til den. Til sidst, få værdien af en specifik parameter i forespørgselsstrengen ved hjælp af get() metoden.
Metode 2: Hent forespørgselsstrengværdier ved hjælp af URLSearchParams med værdierne()-metoden
Du kan også bruge ' værdier() ” metode med URLSearchParams-grænsefladen for at hente værdierne af forespørgselsstrengen. Det hjælper med at få adgang til alle strengens værdier på én gang.
Eksempel
Send forespørgselsstrengen til URLSearchParams-grænsefladen og gem den i en variabel ' queryString ”:
Kald værdier()-metoden i ' til ” loop for at få alle værdierne af forespørgselsstrengen:
til ( konst værdien af queryString. værdier ( ) ) {konsol. log ( værdi ) ;
}
Det kan observeres, at alle strengværdierne er blevet hentet:
Det handler om at få forespørgselsstrengværdierne i JavaScript.
Konklusion
For at få forespørgselsstrengværdierne skal du bruge ' URL API ' med ' få() 'metode og ' søgeParam ' attribut. URL-objektets searchParams-egenskab i JavaScript repræsenterer forespørgselsstrengen for en URL. Du kan også bruge ' URLSearchParams ' grænseflade med ' få() ' metode eller ' værdier() ” metode. Denne blog beskrev proceduren for at hente værdierne af forespørgselsstrengen i JavaScript.