📅  最后修改于: 2023-12-03 14:43:33.232000             🧑  作者: Mango
在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中获取所需的信息。