Comment obtenir la valeur des paramètres URL en JavaScript
Cet article discutera des méthodes pour obtenir la valeur du paramètre URL en JavaScript.
Comment obtenir la valeur des paramètres URL en JavaScript?
Pour obtenir la valeur des paramètres URL en JavaScript, les approches suivantes peuvent être utilisées:
- "diviser()"Méthode avec"pour" boucle
- UrlSearchParams" Objet
Passer par les méthodes discutées une par une!
Méthode 1: Obtenez la valeur du paramètre URL dans JavaScript en utilisant la méthode «Split ()» avec une boucle «pour»
Le "diviser()»La méthode divise une chaîne donnée dans un tableau de sous-chaînes sans aucun changement dans la chaîne d'origine. Cette méthode peut être appliquée à une URL donnée en deux parties, et A For Loop peut être utilisé pour contrôler l'itération à l'aide de la propriété Longueur pour obtenir toutes les valeurs de paramètre.
Syntaxe
chaîne.Split (séparateur, limite)Ici, "séparateur»Fait référence à la chaîne qui doit être divisée et«limite"Est un nombre qui représente les limites divisées.
Consultez l'exemple suivant pour comprendre le concept déclaré.
Exemple
Dans l'exemple ci-dessous, nous créerons un bouton et attacherons un événement onClick avec qui accédera au «getParameters ()" fonction:
Maintenant, nous allons définir la fonction getParameters (). Dans sa définition, une URL d'un exemple de domaine est ajoutée qui sera accessible et stockée dans une variable nommée «geturl". Ensuite, l'URL spécifiée sera divisée en deux parties en utilisant «?«En tant que séparateur et«1«Comme limite, et«&«Je séparera ensuite chaque chaîne de paramètre et la stockera dans le«paramètres" déployer.
Après cela, "pour»Loop sera appliqué de telle manière que chacun des paramètres et sa valeur seront affichés sur la console:
fonction getParameters ()Laissez getUrl = "https: // Exemple.com /?Product = chemises et color = blanc & user = anonymous & size = s ";
Laissez getParameters = geturl.diviser('?')[1];
LetParams = GetParameters.diviser('&');
pour (soit i = 0; i
console.log (valeur [0], valeur [1]);
La sortie de l'implémentation ci-dessus en résultera comme suit:
Il s'agissait d'accéder à toutes les valeurs des paramètres à la fois. Cependant, si vous souhaitez obtenir une valeur d'un paramètre spécifique, passez à la section suivante!
Méthode 2: Obtenez la valeur du paramètre URL en JavaScript avec l'objet UrlSearchParams
Le "UrlSearchParams«Peut également être utilisé pour obtenir l'URL spécifiée à l'aide d'un objet et récupérer une valeur particulière par rapport à l'attribut correspondant.
Passer par l'exemple suivant pour une démonstration supplémentaire.
Exemple
Tout d'abord, incluez un bouton avec un "sur clic»Événement qui accédera à la fonction spécifiée comme discuté dans la méthode précédente:
Ensuite, une fonction nommée UrlParamètre () sera définie. Ici, un nouvel objet nommé «UrlSearchParams”Est créé, qui accédera à l'URL spécifiée se référant au domaine d'exemple. Enfin, affichez toutes les valeurs correspondant à l'attribut spécifié. Dans notre cas,
fonction UrlParameter ()LET GETURL = NOUVEAU URLSEARCHPARAMS ("https: // Exemple.com /?Produit = chemises et color = blanc et utilisateur = anonyme & size = s ")
console.journal (geturl.get ('utilisateur'));
Sortir
Dans la sortie ci-dessus, on peut observer que le «anonyme«La valeur est récupérée pour le«utilisateur»Paramètre.
Nous avons illustré différentes méthodes pour obtenir des valeurs de paramètres URL dans JavaScript.
Conclusion
Pour obtenir la valeur des paramètres URL en JavaScript, utilisez le «diviser()«Méthode avec le«pour”Boucle pour diviser l'URL spécifiée, séparer chaque valeur de paramètre et les afficher en ajoutant la condition requise par rapport à leurs attributs correspondants. Également "UrlSearchParams”La méthode d'objet peut être utilisée pour créer un nouvel objet et extraire la valeur d'un attribut spécifique. Cet article a démontré les méthodes pour obtenir des valeurs de paramètres URL dans JavaScript.