Ce blog définira la procédure pour obtenir les valeurs de la chaîne de requête en JavaScript.
Comment obtenir des valeurs de chaîne de requête en JavaScript ?
Pour obtenir les valeurs de la chaîne de requête en JavaScript, utilisez les méthodes suivantes :
- Utiliser l'API URL avec la méthode get()
- URLSearchParams avec la méthode get()
- URLSearchParams avec la méthode values()
Méthode 1 : obtenir les valeurs de chaîne de requête à l'aide de l'API d'URL avec la méthode get()
Utilisez le ' API d'URL ' avec le ' obtenir() ” pour obtenir les valeurs de la chaîne de requête en JavaScript. Une URL (Uniform Resource Locator) est un moyen de trouver une ressource Internet spécifique. Il est généralement composé d'un protocole (tel que ' http ' ou alors ' https '), un nom de domaine (comme ' exemple.com '), et un chemin (tel que ' /chemin/vers/ressource '). Les URL sont utilisées pour accéder aux pages Web, télécharger des fichiers et accéder à d'autres ressources, y compris les valeurs de chaîne de requête sur Internet.
Exemple
Créez une variable qui stocke l'URL avec les chaînes de requête :
a été urlQueryString = 'https://www.example.com/page.html?keyword=SearchText &fullname=jennyConvey &click=Submit' ;
Appelez l'objet URL en passant le ' urlQueryString ” :
a été chaîne de requête = Nouveau URL ( urlQueryString ) ;
Utilisez la méthode get() en passant la clé ' mot-clé ” de la requête pour obtenir sa valeur avec l'attribut searchParams. La propriété searchParams de l'objet URL en JavaScript représente la chaîne de requête d'une URL. Il fournit un moyen de manipuler la chaîne de requête d'une URL en tant qu'objet plutôt qu'en tant que chaîne :
a été valeur1 = chaîne de requête. searchParams . obtenir ( 'mot-clé' ) ;console. Journal ( 'valeur du mot-clé : ' + valeur1 ) ;
Obtenez la deuxième valeur de la chaîne de requête en transmettant sa clé à la méthode get() et imprimez sur la console :
a été valeur2 = chaîne de requête. searchParams . obtenir ( 'nom et prénom' ) ;
console. Journal ( 'valeur du nom complet : ' + valeur2 ) ;
De même, récupérez la troisième valeur de la chaîne :
a été valeur3 = chaîne de requête. searchParams . obtenir ( 'Cliquez sur' ) ;console. Journal ( 'valeur du clic : ' + valeur3 ) ;
On peut voir que les valeurs de la chaîne de requête ont été récupérées avec succès :
Méthode 2 : obtenir des valeurs de chaîne de requête à l'aide de URLSearchParams avec la méthode get()
Les ' URLSearchParams ” peut être utilisée en JavaScript pour récupérer les valeurs de la chaîne de requête. Il évalue la chaîne de requête d'une URL et offre un moyen d'accéder aux valeurs. Notez que vous ne devez envoyer que la partie de la chaîne de requête de l'URL, que vous pouvez récupérer en utilisant le ' window.location.search ” en tant que paramètre de URLSearchParams().
Exemple
Créez une variable qui stocke la chaîne de requête :
Passez la chaîne au ' URLSearchParams ” interface :
a été chaîne de requête = Nouveau URLSearchParams ( urlQueryString ) ;Obtenir la valeur de la clé ' nom et prénom ' à partir de la chaîne de requête en utilisant le ' obtenir() ' méthode:
a été valeur1 = chaîne de requête. obtenir ( 'nom et prénom' ) ;console. Journal ( 'valeur du nom complet : ' + valeur1 ) ;
Sortir
Note : Utiliser ' const queryString = new URLSearchParams(window.location.search) ” pour obtenir l'URL en direct/actuelle.
Après avoir obtenu l'URL actuelle, obtenez la chaîne de requête à partir de celle-ci, créez une instance de URLSearchParams et transmettez-lui la chaîne de requête. Enfin, récupérez la valeur d'un paramètre spécifique dans la chaîne de requête à l'aide de la méthode get().
Méthode 2 : obtenir les valeurs de chaîne de requête à l'aide de URLSearchParams avec la méthode values()
Vous pouvez également utiliser le ' valeurs() ” avec l'interface URLSearchParams pour récupérer les valeurs de la chaîne de requête. Cela aide à accéder à toutes les valeurs de la chaîne à la fois.
Exemple
Transmettez la chaîne de requête à l'interface URLSearchParams et stockez-la dans une variable ' chaîne de requête ” :
Appelez la méthode values() dans le ' pour ' boucle pour obtenir toutes les valeurs de la chaîne de requête :
pour ( constante valeur de queryString . valeurs ( ) ) {console. Journal ( évaluer ) ;
}
On peut observer que toutes les valeurs de chaîne ont été extraites :
Il s'agit d'obtenir les valeurs de la chaîne de requête en JavaScript.
Conclusion
Pour obtenir les valeurs de la chaîne de requête, utilisez le ' API d'URL ' avec le ' obtenir() 'méthode et' searchParam ' attribut. La propriété searchParams de l'objet URL en JavaScript représente la chaîne de requête d'une URL. Vous pouvez également utiliser le ' URLSearchParams ' interface avec le ' obtenir() ' méthode ou ' valeurs() ' méthode. Ce blog décrit la procédure pour obtenir les valeurs de la chaîne de requête en JavaScript.