Wie man JavaScript -Variablen in der URL übergeben?

In der Programmierungsphase von JavaScript kann es Situationen geben, in denen der Entwickler die JavaScript -Variablen in der URL in einem Beispiel anhängen muss. Insbesondere beim Umgang mit einer Website, die mehrere Webseiten sammelt. In einem solchen Fall ist die Übergabe von JavaScript -Variablen in der URL auf Anfrage zum Umleiten und Zugriff auf alle Webseiten zugänglich.

Dieser Artikel wird den Ansatz zum Übergeben von JavaScript -Variablen in einer URL erläutern.

Wie man JavaScript -Variablen in der URL übergeben?

Um Variablen in der URL mit JavaScript zu übergeben, wenden Sie die “anSearchParams”Eigenschaft in Kombination mit dem“pushstate ()" Und "Substring ()”Methoden.

So übergeben Sie JavaScript -Variablen in der URL, indem Sie die initialisierten Zeichenfolgewerte einstellen?

Der "Fenster.Standort.hrefEigenschaften holt die URL der aktuellen Seite ab. Der "SearchParams"Eigentum gibt eine"Urlsearchparams" Objekt. Der "Geschichte.pushstate ()Die Methode fügt dem Sitzungsverlauf des Browsers einen Datensatz hinzu. Der "Teilt()Methode spaltet die zugehörige Zeichenfolge in ein Array und die “Substring ()Methode extrahiert Zeichen zwischen zwei bestimmten Indizes. Diese Ansätze können verwendet werden, um die benutzerdefinierten URL -Parameter einzustellen, indem die in einer Variablen enthaltenen Stringwerte über die URL übergeben werden.

Syntax

SearchParams.set (Name, Wert);

In der obigen Syntax:

• “Name”Zeigt den Namen des Parameters an.
• “Wert”Bedeutet den Parameterwert.

PushState (Wert, Hist);

In der angegebenen Syntax:

• “Wert”Zeigt auf das Objekt, das dem neuen Eintrag zugeordnet ist.
• “HistIst ein erforderlicher Parameter aus historischen Gründen.

Saite.Substring (Beginnen Sie zuletzt)

Hier:

• “Start”Bezieht sich auf die Position, aus der die Extraktion einleiten kann.
• “zuletzt”Zeigt die Position an, an der die Extraktion enden muss, ohne sie.

Saite.Split (Trennzeichen, Grenze)

Nach dem angegebenen Code:

• “Separator”Bezieht sich auf die Zeichenfolge, die sich teilen muss.
• “Grenze”Zeigt die Ganzzahl an, die die geteilte Nummer begrenzt.

Beispiel

Lassen Sie uns die unterbezeichnete Demonstration durchlaufen:

Im obigen Codeblock:

• Initialisieren Sie zunächst die angegebenen Variablen mit den angegebenen Zeichenfolgenwerten.
• Erstellen Sie im nächsten Schritt ein neues URL -Objekt über die “neu"Schlüsselwort und das"URLKonstruktor, der sich auf die angegebene URL bezieht.
• Danach verbinden Sie die “SearchParamsEigentum mit dem "Satz()Methode, um die Werte so einzustellen, dass der letztere Wert in seinen Parametern dem ersteren zugeordnet ist.
• Fügen Sie nun den Rekord dem Sitzungsverlaufsstapel des Browsers über die “hinzu“pushstate ()" Methode.
• Wenden Sie auch die Kombination an “Substring ()" Und "Teilt()Methoden, um das angegebene Zeichen in einem bestimmten Index zu platzieren, i, ich.e., “1”In den bestandenen Werten in der URL.
• Zuletzt zeigen Sie die in der URL übergebenen festgelegten Werte an.

Ausgang

In der obigen Ausgabe kann beobachtet werden, dass die initialisierten Zeichenfolgewerte eingestellt, getrennt und in der URL übergeben und auf der Konsole angezeigt wurden.

Abschluss

Um JavaScript -Variablen in der URL zu übergeben, wenden Sie die “anSearchParams”Eigenschaft kombiniert mit dem“pushstate ()" Und "Substring ()”Methoden. Diese Ansätze können angewendet werden, um die URL -Parameter zuzuordnen und zu trennen. In diesem Blog wurde der Ansatz zur Übergabe von JavaScript -Variablen in der URL angegeben.