Accueil Génie logiciel Obtenir un paramètre d’URL en Javascript | de Joseph Maurer | Culture Geek

Obtenir un paramètre d’URL en Javascript | de Joseph Maurer | Culture Geek

0
Obtenir un paramètre d’URL en Javascript |  de Joseph Maurer |  Culture Geek


Lors de la programmation en Javascript, vous souhaiterez peut-être parfois savoir si des paramètres ont été transmis via l’URL. Si vous n’êtes pas familier avec les paramètres d’URL, il s’agit des arguments définis après l’URL de base et le « ? ». Par exemple, regardons l’exemple ci-dessous :

https://www.josephamaurer.com/Projects/DevAPI/RecentDevPosts.html?PerPage=100

?ParPage=100 est le premier paramètre transmis avec cette URL. C’est à votre logique javascript de récupérer la valeur de ce paramètre et de l’utiliser de manière appropriée. Alors peut-il y avoir plusieurs paramètres ? Vous pariez! Des paramètres supplémentaires sont ajoutés avec la syntaxe suivante :

https://www.josephamaurer.com/Projects/DevAPI/RecentDevPosts.html?PerPage=100&Page=2

‘&Page=2’ est le deuxième paramètre associé à cette URL. À ce stade, vous vous demandez peut-être quelles sont les limites de la transmission d’arguments comme celui-ci ? Eh bien, la chose la plus évidente est que vous ne pouvez pas avoir d’espaces. Une autre raison est que le caractère « # » est réservé pour accéder à une section d’un document. En général, Encodage d’URL est utilisé pour résoudre ce problème et sécuriser la transmission de tout texte dans l’URL. Internet Explorer (RIP) avait une longueur maximale de 2 083 caractères. Bien que le RFC2616 la spécification indique que les serveurs doivent être capables de gérer n’importe quel nombre de caractères, vous risquez qu’un serveur Web ne réponde pas si la demande est trop longue. Je recommande fortement de regarder le Consignes de Google Chrome si vous envisagez de le faire sur un projet de production.

L’utilisation la plus courante de ces chaînes de requête dans une URL concerne les formulaires Web. Lorsqu’un utilisateur clique sur Soumettre sur un formulaire, ses réponses sont publiées dans l’URL pour traitement par le backend. Dans ce didacticiel, nous nous concentrerons uniquement sur la récupération des valeurs de cette URL pour les traiter, mais il existe de nombreux exemples d’utilisation de cette fonctionnalité sur le backend.

Lorsque vous utilisez javascript pour analyser l’URL, il est plus simple d’utiliser URLSearchParams au lieu d’essayer d’analyser la chaîne vous-même. Vous pouvez utiliser des expressions régulières pour essayer de le faire, mais comme j’ai écrit plus tôt c’est une très mauvaise idée. Regardons donc l’exemple ci-dessous et voyons comment cela fonctionne.

Comme vous pouvez le voir, récupérer les paramètres est en fait un processus très simple. Vous pouvez très facilement interroger pour voir quels objets sont présents et vérifier s’ils sont nuls ou une valeur réelle avant de les utiliser. Au moment d’écrire ceci, prise en charge du navigateur est très bon et peut être utilisé presque partout.

S’appuyer sur mon dernier message vidéovous pouvez maintenant passer des paramètres à ma page d’exemple pour jouer avec le nombre de publications qu’elle renvoie.

LAISSER UN COMMENTAIRE

S'il vous plaît entrez votre commentaire!
S'il vous plaît entrez votre nom ici