如何在 JavaScript 中解析 URL 参数？ （这些是我通常会称为GET参数或CGI参数的参数，但在这种情况下页面基本上是提交给自己，而不是服务器，所以没有GET请求，绝对没有CGI程序。）
我在网上看到了许多可以复制的例程，但我不知道它们中的任何一个有多健壮。我已经习惯了 Perl 和 Java 等其他语言，在这些语言中我可以依赖一个经过严格测试且功能强大的库，我知道它可以处理标准中的数百万个小边缘情况。我想在这里也一样，而不仅仅是剪切和粘贴示例。
【问题讨论】：
标签： javascript
我推荐query-string库
安装：
npm install query-string
用法：
import queryString from 'query-string';
console.log(location.search);
//=> '?foo=bar'
const parsed = queryString.parse(location.search);
console.log(parsed);
//=> {foo: 'bar'}
parsed.foo = 'unicorn';
parsed.ilike = 'pizza';
const stringified = queryString.stringify(parsed);
//=> 'foo=unicorn&ilike=pizza'
location.search = stringified;
// note that `location.search` automatically prepends a question mark
console.log(location.search);
//=> '?foo=unicorn&ilike=pizza'
【讨论】：
这里有两个简单的函数来完成这项工作：http://adamv.com/dev/javascript/querystring
以下是 API 参考示例：
var qs = new Querystring();
// Parse a given querystring
var qs2 = new Querystring("name1=value1&name2=value2");
var v1 = qs2.get("name1");
var v3 = qs2.get("name3", "default value");
【讨论】：
我发现这对于简单的 url 解析、修改 url（比如添加新的查询参数）很有用：https://github.com/derek-watson/jsUri
【讨论】：
我使用此处提供的 parseUri 库： http://stevenlevithan.com/demo/parseuri/js/
它可以让你完全按照你的要求去做：
var uri = 'http://google.com/?q=stackoverflow';
var q = uri.queryKey['q'];
// q = 'stackoverflow'
到目前为止，我已经使用了一段时间，没有遇到任何问题。
【讨论】：
我认为这个库会很好用，它是独立的，所以你可以将它与 JQuery 或 YAHOO 或 Dojo 一起使用，另一个优点是它有很好的文档记录。
http://www.openjsan.org/doc/t/th/theory/HTTP/Query/0.03/lib/HTTP/Query.html
在这种情况下，您可以使用 HTTP.Query 为您完成所有工作。它只有 1.2 KB 的压缩大小，因此您甚至可以根据需要将其包含在更大的库中。
【讨论】：
Javascript 没有内置对 URL 参数的支持。
无论如何，location.search 属性会返回当前页面 URL 中从问号 ('?') 开始的部分。
由此，您可以编写自己的参数解析器，也可以使用最常见的 Javascript 框架中可用的一种，例如 JQuery 和类似框架。
【讨论】：
我发现最好的方法是自己做，然后将参数汇集到一个全局键/值对象中。
获取查询参数很简单...
只需要几个 .split() 的
var myquery = thewholeurl.split("?")[1]; //will get the whole querystring with the ?
那么你可以做一个
myparams = myquery.split("&")
那你就可以了
for each param in myparams
{
temp = param.split("=");
mykeys.push(temp[0]);
myvalues.push(temp[1]);
OR
myObject[temp[0]] = temp[1];
}
这只是风格问题。
这不是完美的代码，只是给你提供想法的伪代码。
【讨论】：
decodeURIComponent运行键和值。
如果是“提交给自己”，需要做GET参数吗？
但是如果你这样做了，大多数浏览器现在都有decodeURIComponent 函数来处理单个参数；您的工作是将它们拆分为 & （String#split 会很好地做到这一点）。如果你想要一个库，jQuery 和 Prototype 都可以很好地使用和测试。
【讨论】：
【讨论】：