Acest blog va defini procedura de obținere a valorilor șirului de interogare în JavaScript.
Cum să obțineți valorile șirurilor de interogare în JavaScript?
Pentru a obține valorile șirului de interogare în JavaScript, utilizați următoarele metode:
- Utilizați API-ul URL cu metoda get().
- URLSearchParams cu metoda get().
- URLSearchParams cu metoda values().
Metoda 1: Obțineți valorile șirurilor de interogare folosind API-ul URL cu metoda get().
Folosește ' URL API ' cu ' obține() ” pentru a obține valorile șirului de interogare în JavaScript. Un URL (Uniform Resource Locator) este o modalitate de a găsi o anumită resursă de internet. Este de obicei compus dintr-un protocol (cum ar fi „ http ” sau ” https „), un nume de domeniu (cum ar fi „ exemplu.com „), și o cale (cum ar fi „ /cale/la/resursa „). Adresele URL sunt folosite pentru a accesa pagini web, a descărca fișiere și pentru a accesa alte resurse, inclusiv valorile șirurilor de interogare de pe internet.
Exemplu
Creați o variabilă care stochează adresa URL cu șiruri de interogare:
a fost urlQueryString = „https://www.example.com/page.html?keyword=SearchText &fullname=jennyConvey &click=Submit” ;
Apelați obiectul URL trecând „ urlQueryString ”:
a fost șir de interogare = nou URL ( urlQueryString ) ;
Utilizați metoda get() pasând cheia „ cuvânt cheie ” al interogării pentru a-și obține valoarea cu atributul searchParams. Proprietatea searchParams a obiectului URL din JavaScript reprezintă șirul de interogare al unui URL. Oferă o modalitate de a manipula șirul de interogare al unei adrese URL ca obiect, mai degrabă decât ca șir:
a fost valoare1 = șir de interogare. searchParams . obține ( „cuvânt cheie” ) ;consolă. Buturuga ( „valoarea cuvântului cheie:” + valoare1 ) ;
Obțineți a doua valoare din șirul de interogare, pasând cheia acesteia la metoda get() și imprimați pe consolă:
a fost valoarea2 = șir de interogare. searchParams . obține ( 'Numele complet' ) ;
consolă. Buturuga ( 'valoarea numelui complet:' + valoarea2 ) ;
În mod similar, obțineți a treia valoare din șir:
a fost valoarea 3 = șir de interogare. searchParams . obține ( 'clic' ) ;consolă. Buturuga ( „valoarea clicului:” + valoarea 3 ) ;
Se poate observa că valorile șirului de interogare au fost preluate cu succes:
Metoda 2: Obțineți valorile șirurilor de interogare folosind URLSearchParams cu metoda get()
„ URLSearchParams ” interfața poate fi folosită în JavaScript pentru a prelua valorile din șirul de interogare. Evaluează șirul de interogare al unui URL și oferă un mediu pentru a accesa valorile. Rețineți că ar trebui să trimiteți numai porțiunea șirului de interogare a adresei URL, pe care o puteți prelua utilizând „ fereastră.locație.căutare ” ca parametru pentru URLSearchParams().
Exemplu
Creați o variabilă care stochează șirul de interogare:
Treceți șirul la „ URLSearchParams ” interfață:
a fost șir de interogare = nou URLSearchParams ( urlQueryString ) ;Obțineți valoarea cheii „ Numele complet ” din șirul de interogare folosind „ obține() ” metoda:
a fost valoare1 = șir de interogare. obține ( 'Numele complet' ) ;consolă. Buturuga ( 'valoarea numelui complet:' + valoare1 ) ;
Ieșire
Notă : Utilizare ' const queryString = URLSearchParams nou (window.location.search) ” pentru obținerea URL-ului live/actual.
După ce obțineți adresa URL curentă, obțineți șirul de interogare de la acesta, creați o instanță URLSearchParams și transmiteți șirul de interogare. În cele din urmă, obțineți valoarea unui anumit parametru din șirul de interogare folosind metoda get().
Metoda 2: Obțineți valorile șirului de interogări folosind URLSearchParams cu metoda values()
De asemenea, puteți folosi „ valori () ” cu interfața URLSearchParams pentru a prelua valorile șirului de interogare. Ajută să accesați toate valorile șirului simultan.
Exemplu
Treceți șirul de interogare la interfața URLSearchParams și stocați-l într-o variabilă „ șir de interogare ”:
Apelați metoda values() în „ pentru ” buclă pentru a obține toate valorile șirului de interogare:
pentru ( const valoarea lui queryString . valorile ( ) ) {consolă. Buturuga ( valoare ) ;
}
Se poate observa că toate valorile șirului au fost preluate:
Acesta este totul despre obținerea valorilor șirului de interogare în JavaScript.
Concluzie
Pentru a obține valorile șirului de interogare, utilizați „ URL API ' cu ' obține() „metoda” și „ searchParam ” atribut. Proprietatea searchParams a obiectului URL din JavaScript reprezintă șirul de interogare al unui URL. De asemenea, puteți folosi „ URLSearchParams ” interfață cu “ obține() „metoda” sau „ valori () ” metoda. Acest blog a descris procedura de obținere a valorilor șirului de interogare în JavaScript.