Tento blog bude definovat postup pro získání hodnot řetězce dotazu v JavaScriptu.
Jak získat hodnoty řetězce dotazu v JavaScriptu?
Chcete-li získat hodnoty řetězce dotazu v JavaScriptu, použijte následující metody:
- Použijte URL API s metodou get().
- URLSearchParams s metodou get().
- URLSearchParams s metodou values().
Metoda 1: Získání hodnot řetězce dotazu pomocí rozhraní URL API s metodou get().
Použijte „ URL API “ s „ dostat() ” metoda k získání hodnot řetězce dotazu v JavaScriptu. URL (Uniform Resource Locator) je způsob, jak najít konkrétní internetový zdroj. Obvykle se skládá z protokolu (např. http “ nebo „ https “), název domény (např. example.com “), a cestu (např. /cesta/k/zdroji “). Adresy URL se používají k přístupu na webové stránky, stahování souborů a přístupu k dalším zdrojům, včetně hodnot řetězců dotazů na internetu.
Příklad
Vytvořte proměnnou, která ukládá adresu URL s řetězci dotazu:
byl urlQueryString = 'https://www.example.com/page.html?keyword=SearchText &fullname=jennyConvey &click=Submit' ;
Zavolejte objekt URL předáním „ urlQueryString “:
byl Řetězec dotazu = Nový URL ( urlQueryString ) ;
Použijte metodu get() předáním klíče „ klíčové slovo ” dotazu, abyste získali jeho hodnotu pomocí atributu searchParams. Vlastnost searchParams objektu URL v JavaScriptu představuje řetězec dotazu adresy URL. Poskytuje způsob, jak manipulovat s řetězcem dotazu adresy URL jako s objektem, nikoli s řetězcem:
byl hodnota1 = Řetězec dotazu. searchParams . dostat ( 'klíčové slovo' ) ;řídicí panel. log ( 'hodnota klíčového slova: ' + hodnota1 ) ;
Získejte druhou hodnotu z řetězce dotazu předáním jejího klíče metodě get() a vytiskne se na konzole:
byl hodnota2 = Řetězec dotazu. searchParams . dostat ( 'celé jméno' ) ;
řídicí panel. log ( 'hodnota celého jména: ' + hodnota2 ) ;
Podobně načtěte třetí hodnotu v řetězci:
byl hodnota3 = Řetězec dotazu. searchParams . dostat ( 'kliknout' ) ;řídicí panel. log ( 'hodnota kliknutí: ' + hodnota3 ) ;
Je vidět, že hodnoty řetězce dotazu byly úspěšně načteny:
Metoda 2: Získání hodnot řetězce dotazu pomocí URLSearchParams s metodou get().
' URLSearchParams ” rozhraní lze použít v JavaScriptu k načtení hodnot z řetězce dotazu. Vyhodnocuje řetězec dotazu adresy URL a nabízí médium pro přístup k hodnotám. Všimněte si, že byste měli odesílat pouze část řetězce dotazu adresy URL, kterou můžete získat pomocí „ vyhledávání.okna ” jako parametr pro URLSearchParams().
Příklad
Vytvořte proměnnou, která ukládá řetězec dotazu:
Předejte řetězec do „ URLSearchParams ' rozhraní:
byl Řetězec dotazu = Nový URLSearchParams ( urlQueryString ) ;Získejte hodnotu klíče “ celé jméno “ z řetězce dotazu pomocí „ dostat() “ metoda:
byl hodnota1 = Řetězec dotazu. dostat ( 'celé jméno' ) ;řídicí panel. log ( 'hodnota celého jména: ' + hodnota1 ) ;
Výstup
Poznámka : Použijte ' const queryString = new URLSearchParams(window.location.search) ” pro získání aktuální/aktuální adresy URL.
Po získání aktuální adresy URL z ní získejte řetězec dotazu, vytvořte instanci URLSearchParams a předejte jí řetězec dotazu. Nakonec pomocí metody get() získejte hodnotu konkrétního parametru v řetězci dotazu.
Metoda 2: Získání hodnot řetězce dotazu pomocí URLSearchParams s metodou values().
Můžete také použít „ hodnoty() ” pomocí rozhraní URLSearchParams k načtení hodnot řetězce dotazu. Pomáhá přistupovat ke všem hodnotám řetězce najednou.
Příklad
Předejte řetězec dotazu do rozhraní URLSearchParams a uložte jej do proměnné “ Řetězec dotazu “:
Zavolejte metodu values() v „ pro smyčka ” pro získání všech hodnot řetězce dotazu:
pro ( konst hodnota queryString . hodnoty ( ) ) {řídicí panel. log ( hodnota ) ;
}
Lze pozorovat, že byly načteny všechny hodnoty řetězce:
To je vše o získání hodnot řetězce dotazu v JavaScriptu.
Závěr
Pro získání hodnot řetězce dotazu použijte „ URL API “ s „ dostat() “ metoda a “ searchParam ' atribut. Vlastnost searchParams objektu URL v JavaScriptu představuje řetězec dotazu adresy URL. Můžete také použít „ URLSearchParams rozhraní s rozhraním „ dostat() “ metoda nebo “ hodnoty() “ metoda. Tento blog popsal postup pro získání hodnot řetězce dotazu v JavaScriptu.