Jak przekazać zmienne JavaScript w URL?

W fazie programowania JavaScript mogą być sytuacje, w których programista musi dołączyć zmienne JavaScript w adresie URL. Mówiąc dokładniej, zajmując się witryną gromadzącą wiele stron internetowych. W takim przypadku przekazanie zmiennych JavaScript w adresie URL jest skuteczne w przekierowaniu i uzyskiwaniu dostępu do wszystkich stron internetowych na żądanie.

Ten artykuł opracuje podejście do przekazywania zmiennych JavaScript w adresie URL.

Jak przekazać zmienne JavaScript w URL?

Aby przekazać zmienne w adresie URL za pomocą JavaScript, zastosuj „Poszukiwanie„Nieruchomość w połączeniu z„pushstate ()" I "substring ()”Metody.

Jak przekazać zmienne JavaScript w adresie URL, ustawiając zainicjowane wartości ciągów?

„„okno.Lokalizacja.Href„Nieruchomość pobiera adres URL bieżącej strony. „„Poszukiwanie„Nieruchomość daje„Urlsearchparams" obiekt. „„historia.pushstate ()”Metoda dodaje rekord do stosu historii sesji przeglądarki. „„podział()„Metoda dzieli powiązany ciąg w tablicy i„substring ()”Metoda wyodrębnia znaki między dwoma określonymi indeksami. Podejścia te można wykorzystać do ustawienia niestandardowych parametrów URL, przekazując wartości ciągów zawartych w zmiennej do adresu URL.

Składnia

Poszukiwanie.set (nazwa, wartość);

W powyższej składni:

• "nazwa”Wskazuje nazwę parametru.
• "wartość”Oznacza wartość parametru.

pushState (wartość, hist);

W podanej składni:

• "wartość”Wskazuje na obiekt powiązany z nowym wejściem.
• "Hist”Jest wymaganym parametrem z powodów historycznych.

strunowy.podaj (początek, ostatni)

Tutaj:

• "zaczynać”Odnosi się do pozycji, z której można zainicjować ekstrakcję.
• "ostatni”Wskazuje pozycję, w której ekstrakcja musi się skończyć, z wyłączeniem.

strunowy.split (separator, limit)

Zgodnie z danym kodem:

• "separator”Odnosi się do łańcucha, który musi się podzielić.
• "limit”Wskazuje liczbę całkowitą ograniczającą liczbę podzieloną.

Przykład

Przejdźmy przez poniższą demonstrację:

W powyższym bloku kodu:

• Po pierwsze, zainicjuj podane zmienne o podanych wartościach ciągów.
• W następnym kroku utwórz nowy obiekt adresu URL za pośrednictwem „nowy”Słowo kluczowe i„URL”Konstruktor odnoszący się do określonego adresu URL.
• Następnie skojarz „Poszukiwanie„Nieruchomość z„ustawić()„Metoda ustawiania wartości tak, że ta ostatnia wartość w jej parametrach jest przypisywana do pierwszego.
• Teraz dodaj rekord do stosu historii sesji przeglądarki za pośrednictwem „pushstate ()" metoda.
• Zastosuj także połączone „substring ()" I "podział()„Metody umieszczania określonego znaku w określonym indeksie, i.mi., "1”W przekazanych wartościach w adresie URL.
• Na koniec wyświetl wartości ustawione przekazane w adresie URL.

Wyjście

W powyższym wyjściu można zaobserwować, że zainicjowane wartości ciągów zostały ustawione, oddzielone i przekazane w adresie URL i wyświetlane na konsoli.

Wniosek

Aby przekazać zmienne JavaScript w adresie URL, zastosuj „Poszukiwanie„Nieruchomość w połączeniu z„pushstate ()" I "substring ()”Metody. Podejścia te można zastosować do alokacji i oddzielania parametrów URL, przekazując zainicjowane wartości ciągów zawarte w zmiennej do adresu URL. W tym blogu podano podejście do przekazywania zmiennych JavaScript w adresie URL.