JavaScript 如何为URL添加参数

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步 – 显示结果。

Python教程

Java教程

Web教程

数据库教程

图形图像教程

大数据教程

开发工具教程

计算机教程

JavaScript 教程