JS 获取所有查询字符串 - Javascript

在开发Web应用程序时，通常需要从URL中获取查询字符串，这些查询字符串包含了与应用程序相关的信息。本篇文章将介绍如何使用JavaScript获取所有查询字符串。

使用location.search

在JavaScript中，可以使用location.search属性获取URL中的查询字符串。location.search返回的是以问号开头的所有查询字符串，如下所示：

let queryString = location.search;
console.log(queryString);  // ?name=John&age=25

解析查询字符串

如果我们需要进一步处理查询字符串中的内容，可以使用URLSearchParams对象将字符串解析为一个可迭代的键值对集合，如下所示：

let params = new URLSearchParams(queryString);
console.log(params.get('name'));  // John
console.log(params.get('age'));   // 25

获取所有查询参数

如果我们不知道查询字符串中包含哪些参数，可以使用URLSearchParams.keys()方法获取所有参数的名称，如下所示：

let params = new URLSearchParams(queryString);
for (let param of params.keys()) {
  console.log(param);
}
// 输出结果：
// name
// age

获取查询参数的值

如果我们想要获取查询字符串中某个参数的值，可以使用URLSearchParams.get()方法，传入参数名称即可，如下所示：

let params = new URLSearchParams(queryString);
console.log(params.get('name'));  // John
console.log(params.get('age'));   // 25

总结

本篇文章介绍了如何使用JavaScript获取URL中的查询字符串，并通过URLSearchParams对象解析查询字符串中的内容。希望这篇文章对您有所帮助！