Maison > interface Web > js tutoriel > Comment ajouter des paramètres à une URL en JavaScript ?

Comment ajouter des paramètres à une URL en JavaScript ?

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Libérer: 2023-08-30 21:33:03
avant
1874 Les gens l'ont consulté

如何在 JavaScript 中向 URL 添加参数?

Dans cet article, vous apprendrez comment ajouter des paramètres à une URL en JavaScript. Il existe deux manières d'ajouter des paramètres à l'URL : la méthode append() et la méthode set().

La méthode

append() est utilisée pour ajouter spécifiquement des paires clé-valeur à l'URL.

La méthode

set() ajoute une valeur à une clé spécifique. Si la clé n'existe pas, une nouvelle clé est créée. S'il existe plusieurs clés, mettez à jour la valeur d'une clé et supprimez les autres.

Exemple 1

Regardons la méthode append() dans cet exemple

let inputUrl = new URL('https://urlExample.com?key1=value1');
let inputParams = new URLSearchParams(inputUrl.search);
console.log("The parameters of the url is defined as: ", inputParams)

inputParams.append('key2', 'value2');

console.log("The url after adding adding the parameters is: ",inputParams)
Copier après la connexion

Instructions

  • Étape 1 - Définir l'URL avec des paramètres.

  • Étape 2 - Ajoutez de nouveaux paramètres à l'URL à l'aide de la méthode append().

  • Étape 3 - Afficher les résultats.

Exemple 2

Regardons la méthode set() dans cet exemple

let inputUrl = new URL('https://urlExample.com?key1=value1');
let inputParams = new URLSearchParams(inputUrl.search);
console.log("The parameters of the url is defined as: ", inputParams)

inputParams.set('key2', 'value2');

console.log("The url after adding adding the parameters is: ",inputParams)
Copier après la connexion

Instructions

  • Étape 1 - Définir l'URL avec des paramètres.

  • Étape 2 - Ajoutez de nouveaux paramètres à l'URL à l'aide de la méthode append().

  • Étape 3 - Afficher les résultats.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal