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


在本文中,你将了解如何在 JavaScript 中向 URL 添加参数。有两种方法可以向 URL 添加参数:append() 方法和 set() 方法。

append() 方法用于专门向 URL 添加键值对。

set() 方法将值添加到特定键。如果键不存在,则创建一个新键。如果存在多个键,则其中一个的值将更新,而其他值将被删除。

示例 1

让我们在这个示例中看看 append() 方法

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)

说明

  • 步骤 1 - 定义一个带参数的 URL。

  • 步骤 2 - 使用 append() 方法向 URL 添加新参数。

  • 步骤 3 - 显示结果。

示例 2

让我们在这个示例中看看 set() 方法

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)

说明

  • 步骤 1 - 定义一个带参数的 URL。

  • 步骤 2 - 使用 append() 方法向 URL 添加新参数。

  • 步骤 3 - 显示结果。

更新于: 16-02-2023

26K+ 条浏览

开启你的 职业

完成此课程即可获得认证

开始
广告