In deze blog wordt de procedure beschreven voor het verkrijgen van de waarden van de queryreeks in JavaScript.
Hoe vraagtekenreekswaarden in JavaScript te krijgen?
Gebruik de volgende methoden om de waarden van de querytekenreeks in JavaScript te krijgen:
- Gebruik de URL API met de get() methode
- URLSearchParams met de get() methode
- URLSearchParams met de methode values()
Methode 1: Vraagtekenreekswaarden ophalen met behulp van de URL-API Met de get()-methode
Gebruik de ' URL-API ' met de ' krijgen() ” methode om de waarden van de querytekenreeks in JavaScript te krijgen. Een URL (Uniform Resource Locator) is een manier om een specifieke internetbron te vinden. Het bestaat meestal uit een protocol (zoals ' http ' of ' https “), een domeinnaam (zoals “ voorbeeld.com '), en een pad (zoals ' /pad/naar/bron '). URL's worden gebruikt om toegang te krijgen tot webpagina's, om bestanden te downloaden en om toegang te krijgen tot andere bronnen, waaronder querytekenreekswaarden op internet.
Voorbeeld
Maak een variabele die de URL opslaat met queryreeksen:
was urlQueryString = 'https://www.example.com/page.html?keyword=SearchText &fullname=jennyConvey &click=Submit' ;
Roep het URL-object op door de ' urlQueryString ”:
was queryString = nieuwe URL ( urlQueryString ) ;
Gebruik de methode get() door de sleutel ' trefwoord ' van de query om de waarde ervan te krijgen met het kenmerk searchParams. De eigenschap searchParams van het URL-object in JavaScript vertegenwoordigt de queryreeks van een URL. Het biedt een manier om de queryreeks van een URL te manipuleren als een object in plaats van als een reeks:
was waarde1 = queryString. zoekParams . krijgen ( 'trefwoord' ) ;troosten. loggen ( 'waarde van zoekwoord: ' + waarde1 ) ;
Haal de tweede waarde uit de querystring door de sleutel door te geven aan de get() methode en druk af op de console:
was waarde2 = queryString. zoekParams . krijgen ( 'voor-en achternaam' ) ;
troosten. loggen ( 'waarde van volledige naam: ' + waarde2 ) ;
Haal op dezelfde manier de derde waarde in de tekenreeks op:
was waarde3 = queryString. zoekParams . krijgen ( 'Klik' ) ;troosten. loggen ( 'waarde van klik: ' + waarde3 ) ;
Het is te zien dat de waarden van de queryreeks met succes zijn opgehaald:
Methode 2: Vraagtekenreekswaarden ophalen met behulp van URLSearchParams Met de get()-methode
De ' URLZoekParams ”-interface kan in JavaScript worden gebruikt om de waarden uit de queryreeks op te halen. Het evalueert de queryreeks van een URL en biedt een medium om toegang te krijgen tot de waarden. Houd er rekening mee dat u alleen het gedeelte met de queryreeks van de URL moet verzenden, dat u kunt ophalen met behulp van de ' venster.locatie.zoeken ” als een parameter voor URLSearchParams().
Voorbeeld
Maak een variabele die de queryreeks opslaat:
Geef de string door aan de ' URLZoekParams ' koppel:
was queryString = nieuwe URLZoekParams ( urlQueryString ) ;Krijg de waarde van de sleutel ' voor-en achternaam ” uit de queryreeks met behulp van de “ krijgen() ” methode:
was waarde1 = queryString. krijgen ( 'voor-en achternaam' ) ;troosten. loggen ( 'waarde van volledige naam: ' + waarde1 ) ;
Uitgang
Opmerking : Gebruiken ' const queryString = nieuwe URLSearchParams(window.location.search) ” voor het verkrijgen van de live/huidige URL.
Nadat u de huidige URL hebt opgehaald, haalt u de queryreeks eruit, maakt u een instantie van URLSearchParams en geeft u de queryreeks door. Haal ten slotte de waarde op van een specifieke parameter in de querytekenreeks met behulp van de get() methode.
Methode 2: waarden van queryreeksen ophalen met behulp van URLSearchParams met de methode values()
U kunt ook de ' waarden() ” methode met de URLSearchParams-interface om de waarden van de queryreeks op te halen. Het helpt om in één keer toegang te krijgen tot alle waarden van de string.
Voorbeeld
Geef de queryreeks door aan de URLSearchParams-interface en sla deze op in een variabele ' queryString ”:
Roep de methode values() aan in de ' voor ” lus om alle waarden van de queryreeks te krijgen:
voor ( const waarde van queryString . waarden ( ) ) {troosten. loggen ( waarde ) ;
}
U kunt zien dat alle tekenreekswaarden zijn opgehaald:
Dat is alles over het verkrijgen van de waarden van de querytekenreeks in JavaScript.
Gevolgtrekking
Gebruik de ' URL-API ' met de ' krijgen() ” methode en “ zoekParam ” attribuut. De eigenschap searchParams van het URL-object in JavaScript vertegenwoordigt de queryreeks van een URL. U kunt ook de ' URLZoekParams ” interface met de “ krijgen() ” methode of “ waarden() ” methode. In deze blog is de procedure beschreven om de waarden van de queryreeks in JavaScript op te halen.