Obtenez les valeurs des paramètres Get

Lors du test d'un site Web, il peut y avoir une exigence à la fin du développeur pour rediriger vers les pages Web contenues du site instantanément. Par exemple, le remplacement des valeurs spécifiques de l'URL pour passer à différentes pages. Dans de tels cas, l'obtention des valeurs des paramètres Get en JavaScript est d'une grande aide pour accéder à une page Web connexe ou à un site efficace.

Cet article illustrera les approches pour obtenir les valeurs des paramètres Get en JavaScript.

Comment obtenir les valeurs des paramètres Get en utilisant JavaScript?

Pour obtenir les valeurs des paramètres Get en JavaScript, utilisez le «obtenir()«Méthode et«URL ()»Constructeur en combinaison avec les approches suivantes:

• "UrlSearchParams ()»Constructeur.
• "SearchParams" propriété.

Méthode 1: Obtenez la valeur des paramètres Get à l'aide du constructeur «UrlSearchParams ()» en JavaScript

Le "obtenir()»La méthode donne un élément de l'objet mappé. Le "URL ()«Le constructeur donne l'objet URL nouvellement créé et le« «UrlSearchParams ()»Le constructeur renvoie un nouvel objet UrlSearchParams. Ces approches peuvent être implémentées pour créer un nouvel objet URL et obtenir la valeur URL correspondante en fonction du paramètre passé.

Syntaxe

élément.Obtenir la clé)

Dans cette syntaxe, "clé»Correspond à la clé d'élément de la carte qui doit être retournée.

Exemple

Présentation des lignes de code indiquées ci-dessous:

Dans l'extrait de code ci-dessus:

• Tout d'abord, créez un nouvel objet URL ayant l'URL indiquée via le «nouveau»Mot-clé et«URL ()”Constructeur, respectivement.
• Dans l'étape suivante, de même, créez un nouvel objet UrlSearchParams. Passer l'URL spécifiée comme paramètre. Associer également le «recherche()”Méthode avec lui pour récupérer la position du premier match.
• Enfin, appliquez le «obtenir()”Méthode en se référant à ce dernier objet créé.
• Dans son paramètre (méthode), obtenez la valeur correspondante en fonction du paramètre passé.

Sortir

Dans la sortie, on peut voir que la valeur correspondante a été récupérée avec succès.

Méthode 2: Obtenez la valeur des paramètres Get à l'aide de la propriété «SearchParams» dans JavaScript

Le "SearchParams»La propriété donne un objet UrlSearchParams. Cette propriété peut être utilisée en combinaison avec les approches discutées pour obtenir la valeur définie par l'utilisateur correspondante réalisée dans l'URL.

Exemple

Présentation des lignes de code fournies ci-dessous:

Dans le bloc de code ci-dessus:

• Tout d'abord, initialisez deux variables ayant les valeurs de chaîne indiquées.
• À l'étape suivante, spécifiez l'URL en passant les valeurs initialisées.
• Après cela, créez un nouvel objet URL et transmettez l'URL spécifiée.
• Enfin, appliquez le «SearchParams«Propriété et le«obtenir()”Méthode en combinaison pour obtenir la valeur de chaîne passée par rapport au paramètre pointu et l'afficher sur la console.

Sortir

Dans la sortie ci-dessus, il est évident que l'exigence souhaitée est satisfaite.

Conclusion

Pour obtenir les valeurs des paramètres Get en JavaScript, utilisez le «obtenir()«Méthode et«Url () " constructeur en combinaison avec le «UrlSearchParams ()"Constructeur ou"SearchParams" propriété. Ces approches peuvent être utilisées pour obtenir les valeurs correspondantes ou passées de l'URL en fonction des paramètres passés dans le «obtenir()»Méthode à l'aide d'exemples. Cet article a discuté des approches pour obtenir la valeur des paramètres Get en JavaScript.