📌  相关文章
📜  js 获取查询参数 - Javascript (1)

📅  最后修改于: 2023-12-03 14:43:33.232000             🧑  作者: Mango

JS获取查询参数

在web开发中,我们经常需要从URL中获取查询参数。JS提供了一种方便的方法来获取这些参数。

假设我们有一个URL:http://example.com/path?foo=bar&baz=qux

我们可以使用以下方法来获取这些查询参数:

// 获取整个查询串
var queryString = window.location.search;

// 去掉查询串前的"?"
queryString = queryString.substring(1);

// 将查询串转换为对象
var queryObject = {};
var pairs = queryString.split("&");
for (var i = 0; i < pairs.length; i++) {
  var pair = pairs[i].split("=");
  queryObject[pair[0]] = pair[1];
}

// 获取单个查询参数
var foo = queryObject.foo;  // "bar"
var baz = queryObject.baz;  // "qux"

在上面的代码中,我们首先使用window.location.search获取整个查询串。然后,我们去掉查询串前的"?",将查询串分割成名/值对,并将它们存储在一个对象中。最后,我们可以使用对象的属性来获取单个查询参数。

需要注意的是,在上面的代码中,我们没有对查询参数进行任何转义或编码。如果您的查询参数中包含特殊字符,您可能需要使用encodeURIComponent和decodeURIComponent方法来转义或解码这些字符。

总之,JS提供了一个方便且灵活的方法来获取URL中的查询参数,使得我们可以轻松地从URL中获取所需的信息。