Tämä blogi määrittelee menettelyn kyselymerkkijonon arvojen saamiseksi JavaScriptissä.
Kuinka saada kyselymerkkijonoarvot JavaScriptissä?
Saat kyselymerkkijonon arvot JavaScriptissä seuraavilla tavoilla:
- Käytä URL-sovellusliittymää get()-menetelmän kanssa
- URLSearchParams get()-menetelmällä
- URLSearchParams arvot()-metodilla
Tapa 1: Hanki kyselymerkkijonoarvot URL-sovellusliittymän avulla get()-menetelmällä
Käytä ' URL-sovellusliittymä ' kanssa ' saada() ” -menetelmää kyselyn merkkijonoarvojen saamiseksi JavaScriptissä. URL (Uniform Resource Locator) on tapa löytää tietty Internet-resurssi. Se koostuu tyypillisesti protokollasta (kuten ' http ' tai ' https '), verkkotunnus (kuten ' esimerkki.fi '), ja polku (kuten ' /polku/resurssiin '). URL-osoitteita käytetään verkkosivujen avaamiseen, tiedostojen lataamiseen ja muihin resursseihin, mukaan lukien Internetin kyselymerkkijonoarvoihin.
Esimerkki
Luo muuttuja, joka tallentaa URL-osoitteen kyselymerkkijonoineen:
oli urlQueryString = 'https://www.example.com/page.html?keyword=SearchText &fullname=jennyConvey &click=Submit' ;
Kutsu URL-objektia välittämällä ' urlQueryString ':
oli kyselymerkkijono = Uusi URL-osoite ( urlQueryString ) ;
Käytä get()-menetelmää välittämällä avain ' avainsana ' kyselystä saadakseen sen arvon searchParams-attribuutilla. JavaScriptin URL-objektin searchParams-ominaisuus edustaa URL-osoitteen kyselymerkkijonoa. Se tarjoaa tavan manipuloida URL-osoitteen kyselymerkkijonoa objektina merkkijonon sijaan:
oli arvo1 = kyselymerkkijono. searchParams . saada ( 'avainsana' ) ;konsoli. Hirsi ( 'avainsanan arvo: ' + arvo1 ) ;
Hanki toinen arvo kyselymerkkijonosta välittämällä sen avain get()-menetelmälle ja tulostaa konsoliin:
oli arvo2 = kyselymerkkijono. searchParams . saada ( 'koko nimi' ) ;
konsoli. Hirsi ( 'koko nimen arvo: ' + arvo2 ) ;
Hae samalla tavalla merkkijonon kolmas arvo:
oli arvo3 = kyselymerkkijono. searchParams . saada ( 'klikkaus' ) ;konsoli. Hirsi ( 'napsautusarvo: ' + arvo3 ) ;
Voidaan nähdä, että kyselymerkkijonon arvot on haettu onnistuneesti:
Tapa 2: Hanki kyselymerkkijonoarvot käyttämällä URLSearchParamsia get()-menetelmällä
' URLSearchParams ” käyttöliittymää voidaan käyttää JavaScriptissä arvojen hakemiseen kyselymerkkijonosta. Se arvioi URL-osoitteen kyselymerkkijonon ja tarjoaa tavan käyttää arvoja. Huomaa, että sinun tulee lähettää vain URL-osoitteen kyselymerkkijono-osio, jonka voit noutaa käyttämällä ' window.location.search ' parametrina URLSearchParams().
Esimerkki
Luo muuttuja, joka tallentaa kyselymerkkijonon:
Siirrä merkkijono kohtaan ' URLSearchParams ' käyttöliittymä:
oli kyselymerkkijono = Uusi URLSearchParams ( urlQueryString ) ;Hanki avaimen arvo ' koko nimi ' kyselymerkkijonosta käyttämällä ' saada() 'menetelmä:
oli arvo1 = kyselymerkkijono. saada ( 'koko nimi' ) ;konsoli. Hirsi ( 'koko nimen arvo: ' + arvo1 ) ;
Lähtö
Huomautus : Käytä ' const queryString = uusi URLSearchParams(window.location.search) ' live-/nykyisen URL-osoitteen saamiseksi.
Kun olet saanut nykyisen URL-osoitteen, hanki siitä kyselymerkkijono, luo URLSearchParams-esiintymä ja välitä kyselymerkkijono sille. Lopuksi hanki kyselymerkkijonon tietyn parametrin arvo käyttämällä get()-menetelmää.
Tapa 2: Hanki kyselymerkkijonoarvot käyttämällä URLSearchParamsia Value()-menetelmällä
Voit myös käyttää ' arvot() ” -menetelmää URLSearchParams-käyttöliittymän kanssa hakemaan kyselymerkkijonon arvot. Se auttaa pääsemään kaikkiin merkkijonon arvoihin kerralla.
Esimerkki
Välitä kyselymerkkijono URLSearchParams-käyttöliittymään ja tallenna se muuttujaan ' kyselymerkkijono ':
Kutsu arvot()-menetelmää ' varten ”-silmukkaa saadaksesi kaikki kyselymerkkijonon arvot:
varten ( konst queryStringin arvo. arvot ( ) ) {konsoli. Hirsi ( arvo ) ;
}
Voidaan havaita, että kaikki merkkijonoarvot on haettu:
Siinä on kyse kyselymerkkijonoarvojen saamisesta JavaScriptiin.
Johtopäätös
Saadaksesi kyselyn merkkijonoarvot, käytä ' URL-sovellusliittymä ' kanssa ' saada() 'menetelmä ja' searchParam ”-attribuutti. JavaScriptin URL-objektin searchParams-ominaisuus edustaa URL-osoitteen kyselymerkkijonoa. Voit myös käyttää ' URLSearchParams ' käyttöliittymä ' saada() 'menetelmä tai ' arvot() ”menetelmä. Tässä blogissa kuvattiin kyselymerkkijonon arvojen saaminen JavaScriptissä.