So erhalten Sie den URL -Parameterwert in JavaScript
In diesem Artikel werden die Methoden erörtert, um den URL -Parameterwert in JavaScript zu erhalten.
So erhalten Sie den URL -Parameterwert in JavaScript?
Um den URL -Parameterwert in JavaScript zu erhalten, können die folgenden Ansätze verwendet werden:
- “Teilt()”Methode mit“für”Schleife
- Urlsearchparams" Objekt
Gehen Sie die diskutierten Methoden nacheinander durch!
Methode 1: URL -Parameterwert in JavaScript mit der Methode "split ()" mit "für" -Schloop abrufen
Der "Teilt()Die Methode spaltet eine bestimmte Zeichenfolge in ein Array von Substrings ohne Änderung in der ursprünglichen Zeichenfolge auf. Diese Methode kann in zwei Teilen auf eine bestimmte URL angewendet werden, und eine für die Schleife kann verwendet werden, um die Iteration mit Hilfe der Länge Eigenschaft zu steuern, um alle Parameterwerte zu erhalten.
Syntax
Saite.Split (Trennzeichen, Grenze)Hier, "Separator”Bezieht sich auf die Zeichenfolge, die geteilt werden muss und“GrenzeIst eine Zahl, die die geteilten Grenzen darstellt.
Schauen Sie sich das folgende Beispiel zum Verständnis des angegebenen Konzepts an.
Beispiel
Im folgenden Beispiel werden wir eine Schaltfläche erstellen und ein Onclick -Ereignis anschließen, mit dem auf die “zugreifen wirdGetParameters ()Funktion:
Jetzt werden wir die Funktion getParameters () definieren. In seiner Definition wird eine URL eines Beispiels hinzugefügt, auf die in einer Variablen namens zugegriffen und gespeichert wirdGeturl”. Als nächstes wird die angegebene URL in zwei Teile unterteilt. “?”Als Trennzeichen und“1”Als Grenze und“&Trennt dann jede Parameterzeichenfolge und speichere sie in der “Parameter”Array.
Danach, "fürDie Schleife wird so angewendet, dass jeder Parameter und sein Wert auf der Konsole angezeigt wird:
Funktion getParameters ()Lassen Sie Geturl = "https: // Beispiel.com/?Produkt = Shirts & Color = White & User = Anonymous & Size = S ";
GetParameters = Geturl.Teilt('?') [1];
letparams = getParameters.Teilt('&');
für (lass i = 0; i
Konsole.log (Wert [0], Wert [1]);
Die Ausgabe der obigen Implementierung erfolgt wie folgt:
Das ging es darum, alle Parameterwerte gleichzeitig zuzugreifen. Wenn Sie jedoch einen Wert eines bestimmten Parameters erhalten möchten, wechseln Sie zum nächsten Abschnitt!
Methode 2: URL -Parameterwert in JavaScript mit urlSearchParams -Objekt erhalten
Der "UrlsearchparamsKann auch verwendet werden, um die angegebene URL mithilfe eines Objekts zu erhalten und einen bestimmten Wert gegen das entsprechende Attribut abzurufen.
Gehen Sie das folgende Beispiel zur weiteren Demonstration durch.
Beispiel
Geben Sie zunächst eine Taste mit einem “anONCLICKEreignis, das auf die angegebene Funktion zugreift, wie in der vorherigen Methode erörtert:
Als nächstes wird eine Funktion namens UrlParameter () definiert. Hier ein neues Objekt namens “UrlsearchparamsErstellt ”wird erstellt, die auf die angegebene URL zugreift, die sich auf die Beispieldomäne bezieht. Schließlich zeigen Sie alle Werte an, die dem angegebenen Attribut entsprechen. In unserem Fall,
Funktion urlparameter ()Geturl = new urlSearchParams ("https: // Beispiel.com/?Produkt = Shirts & Color = White & User = Anonymous & Size = S ")
Konsole.Protokoll (Geturl.get ('user'));
Ausgang
In der obigen Ausgabe kann beobachtet werden, dass das “anonym"Wert wird für die" abgerufen "BenutzerParameter.
Wir haben verschiedene Methoden zum Abrufen von URL -Parameterwerten in JavaScript veranschaulicht.
Abschluss
Verwenden Sie das “, um den URL -Parameterwert in JavaScript zu erhaltenTeilt()Methode mit der “für„Schleifen Sie Schleifen, um die angegebene URL aufzuteilen, jeden Parameterwert zu trennen und sie durch Hinzufügen der erforderlichen Bedingung gegen ihre entsprechenden Attribute anzuzeigen. Auch der "UrlsearchparamsDie Objektmethode kann verwendet werden, um ein neues Objekt zu erstellen und den Wert eines bestimmten Attributs zu extrahieren. Diese Beschreibung hat die Methoden gezeigt, um URL-Parameterwerte in JavaScript zu erhalten.