In diesem Blog wird das Verfahren zum Abrufen der Werte der Abfragezeichenfolge in JavaScript definiert.
Wie erhalte ich Abfragezeichenfolgenwerte in JavaScript?
Verwenden Sie die folgenden Methoden, um die Werte der Abfragezeichenfolge in JavaScript abzurufen:
- Verwenden Sie die URL-API mit der Methode get()
- URLSearchParams mit der Methode get()
- URLSearchParams mit der Methode values()
Methode 1: Abrufen von Abfragezeichenfolgenwerten mithilfe der URL-API mit der get()-Methode
Verwenden Sie das „ URL-API ' mit dem ' bekommen() ”-Methode, um die Abfragezeichenfolgenwerte in JavaScript abzurufen. Eine URL (Uniform Resource Locator) ist eine Möglichkeit, eine bestimmte Internetressource zu finden. Es besteht in der Regel aus einem Protokoll (z. B. „ http ' oder ' https “), ein Domänenname (wie „ beispiel.com “) und einen Pfad (z. B. „ /Pfad/zur/Ressource “). URLs werden verwendet, um auf Webseiten zuzugreifen, Dateien herunterzuladen und auf andere Ressourcen zuzugreifen, einschließlich Abfragezeichenfolgenwerte im Internet.
Beispiel
Erstellen Sie eine Variable, die die URL mit Abfragezeichenfolgen speichert:
war urlQueryString = 'https://www.example.com/page.html?keyword=SearchText &fullname=jennyConvey &click=Submit' ;
Rufen Sie das URL-Objekt auf, indem Sie das „ urlQueryString “:
war AbfrageString = Neu URL ( urlQueryString ) ;
Verwenden Sie die Methode get(), indem Sie den Schlüssel „ Stichwort ” der Abfrage, um ihren Wert mit dem searchParams-Attribut zu erhalten. Die Eigenschaft searchParams 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:
war wert1 = AbfrageString. Suchparameter . bekommen ( 'Stichwort' ) ;Konsole. Protokoll ( 'Wert des Schlüsselworts: ' + wert1 ) ;
Holen Sie sich den zweiten Wert aus der Abfragezeichenfolge, indem Sie seinen Schlüssel an die Methode get() übergeben und auf der Konsole ausgeben:
war wert2 = AbfrageString. Suchparameter . bekommen ( 'vollständiger Name' ) ;
Konsole. Protokoll ( 'Wert des vollständigen Namens: ' + wert2 ) ;
Rufen Sie auf ähnliche Weise den dritten Wert in der Zeichenfolge ab:
war wert3 = AbfrageString. Suchparameter . bekommen ( 'klicken' ) ;Konsole. Protokoll ( 'Wert des Klicks: ' + wert3 ) ;
Es ist ersichtlich, dass die Werte der Abfragezeichenfolge erfolgreich abgerufen wurden:
Methode 2: Abrufen von Abfragezeichenfolgenwerten mithilfe von URLSearchParams mit der get()-Methode
Die ' URLSearchParams ”-Schnittstelle kann in JavaScript verwendet werden, um die Werte aus der Abfragezeichenfolge abzurufen. Es wertet den Query-String einer URL aus und bietet ein Medium, um auf die Werte zuzugreifen. Beachten Sie, dass Sie nur den Teil der URL mit der Abfragezeichenfolge senden sollten, den Sie mithilfe des „ window.location.search ” als Parameter für URLSearchParams().
Beispiel
Erstellen Sie eine Variable, die die Abfragezeichenfolge speichert:
Übergeben Sie die Zeichenfolge an „ URLSearchParams ” Schnittstelle:
war AbfrageString = Neu URLSearchParams ( urlQueryString ) ;Holen Sie sich den Wert des Schlüssels “ vollständiger Name “ aus der Abfragezeichenfolge mit dem „ bekommen() ' Methode:
war wert1 = AbfrageString. bekommen ( 'vollständiger Name' ) ;Konsole. Protokoll ( 'Wert des vollständigen Namens: ' + wert1 ) ;
Ausgabe
Notiz : Verwenden ' const queryString = neue URLSearchParams(window.location.search) “, um die Live-/aktuelle URL zu erhalten.
Nachdem Sie die aktuelle URL erhalten haben, erhalten Sie die Abfragezeichenfolge daraus, erstellen Sie eine Instanz von URLSearchParams und übergeben Sie die Abfragezeichenfolge daran. Rufen Sie schließlich mit der Methode get() den Wert eines bestimmten Parameters in der Abfragezeichenfolge ab.
Methode 2: Abrufen von Abfragezeichenfolgenwerten mithilfe von URLSearchParams mit der values()-Methode
Sie können auch das „ Werte() ”-Methode mit der URLSearchParams-Schnittstelle, um die Werte der Abfragezeichenfolge abzurufen. Es hilft, auf alle Werte der Zeichenfolge auf einmal zuzugreifen.
Beispiel
Übergeben Sie die Abfragezeichenfolge an die URLSearchParams-Schnittstelle und speichern Sie sie in einer Variablen „ AbfrageString “:
Rufen Sie die Methode values() im „ Pro ”-Schleife, um alle Werte der Abfragezeichenfolge zu erhalten:
Pro ( konst Wert von queryString . Werte ( ) ) {Konsole. Protokoll ( Wert ) ;
}
Es kann beobachtet werden, dass alle Zeichenfolgenwerte abgerufen wurden:
Das ist alles über das Abrufen der Abfragezeichenfolgenwerte in JavaScript.
Fazit
Um die Werte der Abfragezeichenfolge zu erhalten, verwenden Sie die „ URL-API ' mit dem ' bekommen() „Methode“ und „ Suchparam ” Attribut. Die Eigenschaft searchParams des URL-Objekts in JavaScript repräsentiert die Abfragezeichenfolge einer URL. Sie können auch das „ URLSearchParams “ Schnittstelle mit dem „ bekommen() „Methode“ oder „ Werte() ' Methode. In diesem Blog wurde das Verfahren zum Abrufen der Werte der Abfragezeichenfolge in JavaScript beschrieben.