获取参数是反应 - JavaScript

在JavaScript中，我们经常需要从URL中获取参数，这些参数可以用于许多用途，例如发送HTTP请求，跟踪用户行为等等。在本文中，我们将介绍如何使用JavaScript获取URL参数。

使用window.location.search获取URL参数

JavaScript提供了一个方便的属性window.location用于获取当前URL的各个部分，其中包括查询字符串。查询字符串是URL中以 "?" 开头的部分，它通常包括一些名称和值对，用于传递参数。

const urlParams = new URLSearchParams(window.location.search);
const myParam = urlParams.get('myParam');
console.log(myParam);

// 如果URL如下所示：https://www.example.com/?myParam=hello
// 控制台输出：hello

以上代码中，我们使用了URLSearchParams构造函数，将查询字符串传递给它，然后使用get()方法获取名称为myParam的参数的值，并将其赋值给myParam变量。

使用正则表达式获取URL参数

除了使用window.location.search之外，我们还可以使用正则表达式将查询字符串作为一个整体解析，并提取需要的参数。

function getParameterByName(name, url) {
    if (!url) url = window.location.href;
    name = name.replace(/[\[\]]/g, '\\$&');
    const regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)');
    const results = regex.exec(url);
    if (!results) return null;
    if (!results[2]) return '';
    return decodeURIComponent(results[2].replace(/\+/g, ' '));
}

const myParam = getParameterByName('myParam');
console.log(myParam);

// 如果URL如下所示：https://www.example.com/?myParam=hello
// 控制台输出：hello

以上代码中，我们定义了一个名为getParameterByName()的函数，该函数使用正则表达式在查询字符串中匹配参数的名称，并返回其值。以上代码还提供了在所传递的URL中获取参数值的选项。

总结

在JavaScript中，我们可以使用window.location.search属性或正则表达式来获取URL中的参数。无论哪种方法，我们都可以轻松地解析查询字符串，并提取所需的参数。