So erhalten Sie Abfragestönewerte in JavaScript

Abfragen von Zeichenfolgenwerten in einer URL geben häufig Informationen zur Anforderung an, z. B. Suchparameter. Eine Abfragebarstellung kann verwendet werden, um eine Webseite mithilfe des HTTP -Protokolls anzufordern. Möglicherweise müssen Sie gelegentlich Abfrage -Zeichenfolgenattribute in Ihrem Skript abrufen. Darüber hinaus ist es unerlässlich, zu wissen, wie die Abfragestnendaten aus der URL extrahiert werden, wenn ein Unternehmen oder eine Anforderungslogik am vorderen Ende behandelt wird.

In diesem Blog wird das Verfahren zum Erhalten der Werte der Abfragezeichenfolge in JavaScript definiert.

So erhalten Sie Abfragestönewerte in JavaScript?

Verwenden Sie die folgenden Methoden, um die Werte der Abfragezeichenfolge in JavaScript zu erhalten:

• Verwenden Sie die URL -API mit der Get () -Methode
• UrlSearchparams mit der Get () -Methode
• UrlSearchparams mit der VALUTE () -Methode

Methode 1: Abfragestnungswerte mit der URL -API mit der Get () -Methode erhalten

Verwenden Sie die “URL -API" mit dem "erhalten()Methode, um die Abfrage -Zeichenfolgewerte in JavaScript zu erhalten. Eine URL (einheitlicher Ressourcen -Locator) ist eine Möglichkeit, eine bestimmte Internetressource zu finden. Es besteht typischerweise aus einem Protokoll (wie z. "http" oder "https"), Ein Domain -Name (wie"Beispiel.com") Und ein Weg (wie" "/Pfad/zu/Ressource")). URLs werden verwendet, um auf Webseiten zuzugreifen, Dateien herunterzuladen und auf andere Ressourcen zuzugreifen, einschließlich Abfragestönewerte im Internet.

Beispiel
Erstellen Sie eine Variable, die die URL mit Abfragesteichen speichert:

var urlqueryString = "https: // www.Beispiel.com/Seite.html?keyword = searchText & fullname = jennyconvey & click = surven ";

Rufen Sie das URL -Objekt an, indem Sie das “übergeben“UrlqueryString”:

var queryString = new URL (urlQueryString);

Verwenden Sie die Get () -Methode, indem Sie den Schlüssel übergebenStichwort”Der Abfrage, um ihren Wert mit dem Suchparams -Attribut zu erhalten. Die Suchparams -Eigenschaft des URL -Objekts in JavaScript repräsentiert die Abfragezeichenfolge einer URL. Es bietet eine Möglichkeit, die Abfragezeichenfolge einer URL als Objekt und nicht als Zeichenfolge zu manipulieren:

var value1 = queryString.SearchParams.get ("Keyword");
Konsole.log ("Wert des Schlüsselworts:" + Wert1);

Holen Sie sich den zweiten Wert aus der Abfragezeichenfolge, indem Sie seinen Schlüssel an die Get () -Methode und Drucke auf der Konsole übergeben:

var value2 = queryString.SearchParams.Get ("Fullname");
Konsole.log ("Wert des FullName:" + value2);

In ähnlicher Weise holen Sie den dritten Wert in der Zeichenfolge:

var value3 = queryString.SearchParams.get ("click");
Konsole.log ("Wert von Click:" + Wert3);

Es ist ersichtlich, dass die Werte der Abfragezeichenfolge erfolgreich abgerufen wurden:

Methode 2: Abfragestnungswerte mit urlSearchparams mit der Get () -Methode erhalten

Der "UrlsearchparamsDie Schnittstelle kann in JavaScript verwendet werden, um die Werte aus der Abfragezeichenfolge abzurufen. Es bewertet die Abfragezeichenfolge einer URL und bietet ein Medium, um auf die Werte zuzugreifen. Beachten Sie, dass Sie nur den Abfragestringabschnitt der URL senden sollten, den Sie mit dem mit der “abrufen könnenFenster.Standort.suchen”Als Parameter für UrlSearchParams ().

Beispiel
Erstellen Sie eine Variable, die die Abfragezeichenfolge speichert:

var urlQueryString = "keyword = searchText & fullname = jennyconvey & click = subieren";

Übergeben Sie die Saite an die “UrlsearchparamsSchnittstelle:

var queryString = new urlSearchParams (urlqueryString);

Holen Sie sich den Wert des Schlüssels “vollständiger Name”Von der Abfragezeichenfolge mit der“erhalten()" Methode:

var value1 = queryString.Get ("Fullname");
Konsole.log ("Wert des FullName:" + Wert1);

Ausgang

Notiz: Verwenden "const queryString = neue urlsearchparams (Fenster.Standort.suchen)”Für die Live/Current -URL.

Nachdem Sie die aktuelle URL erhalten haben, erhalten Sie die Abfragezeichenfolge, erstellen Sie eine Instanz von UrlSearchparams und geben Sie die Abfragezeichenfolge an sie weiter. Nehmen Sie schließlich den Wert eines bestimmten Parameters in der Abfragezeichenfolge mit der Methode GET () ab.

Methode 2: Abfragestönewerte mit urleSearchparams mit der VALUTE () -Methode abrufen

Sie können auch die „verwenden“Werte()Methode mit der Benutzeroberfläche urlSearchParams, um die Werte der Abfragezeichenfolge abzurufen. Es hilft, auf alle Werte der Zeichenfolge gleichzeitig zuzugreifen.

Beispiel
Übergeben Sie die Abfragezeichenfolge an die Benutzeroberfläche von urlSearchparams und speichern Sie sie in einer Variablen “QueryString”:

var queryString = new urlSearchParams (urlqueryString);

Rufen Sie die VALUTS () -Methode in der “auf“ auf “fürSchleife, um alle Werte der Abfragezeichenfolge zu erhalten:

für (const -Wert des QueryString .Werte())
Konsole.log (Wert);

Es kann beobachtet werden, dass alle Stringwerte abgerufen wurden:

Hier geht es darum.

Abschluss

Verwenden Sie die Werte für Abfrage -Zeichenfolge, um die “zu verwendenURL -API" mit dem "erhalten()Methode und “SearchParam”Attribut. Die Suchparams -Eigenschaft des URL -Objekts in JavaScript repräsentiert die Abfragezeichenfolge einer URL. Sie können auch die „verwenden“Urlsearchparams"Schnittstelle mit dem"erhalten()”Methode oder“Werte()" Methode. In diesem Blog wurde das Verfahren zum Erhalten der Werte der Abfragezeichenfolge in JavaScript beschrieben.