Uzyskaj wartości z parametrów GET

Podczas testowania strony internetowej może istnieć wymóg na koniec programisty, aby natychmiast przekierować na zawartych stronach internetowych. Na przykład wymiana określonych wartości w adresie URL w celu przełączania na różne strony. W takich scenariuszach uzyskanie wartości z parametrów GET w JavaScript jest bardzo pomocne w skutecznym nawigacji na pokrewnej stronie lub witrynie.

Ten artykuł ilustruje podejścia, aby uzyskać wartości z parametrów GET w JavaScript.

Jak uzyskać wartości z parametrów GET za pomocą JavaScript?

Aby uzyskać wartości z parametrów GET w JavaScript, użyj „Dostawać()”Metoda i„URL ()”Konstruktor w połączeniu z następującymi podejściami:

• "Urlsearchparams ()”Konstruktor.
• "Poszukiwanie" nieruchomość.

Metoda 1: Pobierz wartość z parametrów GET przy użyciu konstruktora „urlsearchparams ()” w JavaScript

„„Dostawać()”Metoda podaje element z zmapowanego obiektu. „„URL ()”Konstruktor podaje nowo utworzony obiekt adresu URL i„Urlsearchparams ()”Konstruktor zwraca nowy obiekt URLsearchParams. Podejścia te można wdrożyć w celu utworzenia nowego obiektu adresu URL i uzyskania odpowiedniej wartości adresu URL na podstawie przekazanego parametru.

Składnia

element.Weź klucz)

W tej składni „klucz”Odpowiada klawiszowi elementu mapy, który należy zwrócić.

Przykład

Przeglądmy poniższe linie kodu:

W powyższym fragmencie kodu:

• Po pierwsze, utwórz nowy obiekt adresu URL o podanym adresie URL za pośrednictwem „nowy”Słowo kluczowe i„URL ()”Konstruktor odpowiednio.
• W następnym kroku stwórz nowy obiekt URLsearchParams. Przekaż określony adres URL jako jego parametr. Połącz także „szukaj()„Metoda z tym, aby pobrać pozycję pierwszego meczu.
• Na koniec zastosuj „Dostawać()”Metoda, odnosząc się do tego ostatniego obiektu utworzonego.
• W parametrze (metody) uzyskaj odpowiednią wartość na podstawie przekazanego parametru.

Wyjście

W wyjściu można zauważyć, że odpowiednia wartość została pomyślnie pobrana.

Metoda 2: Uzyskaj wartość z parametrów GET za pomocą właściwości „wyszukiwanie” w JavaScript

„„Poszukiwanie„Właściwość podaje obiekt urlsearchparams. Ta właściwość można wykorzystać w połączeniu z omawianymi podejściami, aby uzyskać odpowiednią wartość zdefiniowaną przez użytkownika w adresie URL.

Przykład

Przeglądmy poniższe wiersze kodu:

W powyższym bloku kodu:

• Po pierwsze, zainicjuj dwie zmienne o określonych wartościach ciągów.
• W następnym kroku określ adres URL, przekazując zainicjowane wartości.
• Następnie utwórz nowy obiekt adresu URL i przekazaj określony adres URL.
• Na koniec zastosuj „Poszukiwanie„Własność i„ „Dostawać()”Metoda w połączeniu, aby uzyskać przekazaną wartość ciągu w stosunku do spiczastego parametru i wyświetlić ją na konsoli.

Wyjście

W powyższym wyjściu widać, że pożądany wymóg jest spełniony.

Wniosek

Aby uzyskać wartości z parametrów GET w JavaScript, użyj „Dostawać()”Metoda i„URL () ” konstruktor w połączeniu z „Urlsearchparams ()”Konstruktor lub„Poszukiwanie" nieruchomość. Podejścia te można wykorzystać do uzyskania odpowiednich lub przekazanych wartości z adresu URL na podstawie przekazanych parametrów w „Dostawać()„Metoda z pomocą przykładów. W tym spisie omówiono podejścia, aby uzyskać wartość z parametrów GET w JavaScript.