获取html页面内的url参数

Question

我有一个使用 URL 加载的 HTML 页面，看起来有点像这样：

 http://localhost:8080/GisProject/MainService?s=C&o=1

我想在不使用 jsp 的情况下获取 URL 中的 查询字符串参数。

问题

1. 这可以使用 Javascript 或 jQuery 来完成吗？因为我想使用我的 Node.js 本地服务器测试我的页面，然后再将它部署到使用 Java 服务器的远程机器上。

2. 有没有图书馆可以让我这样做？

原文由 vamsiampolu 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

这里 给出了一个很好的解决方案：

 function GetURLParameter(sParam)
{
    var sPageURL = window.location.search.substring(1);
    var sURLVariables = sPageURL.split('&');
    for (var i = 0; i < sURLVariables.length; i++)
    {
        var sParameterName = sURLVariables[i].split('=');
        if (sParameterName[0] == sParam)
        {
            return sParameterName[1];
        }
    }
}​

假设 URL 是 http://dummy.com/?technology=jquery&blog=jquerybyexample ，这就是你如何使用这个函数：

 var tech = GetURLParameter('technology');
var blog = GetURLParameter('blog');`

原文由 neel shah 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

Chrome 49 实现了 URL 规范中的 URLSearchParams ，这是一种用于摆弄 URL 查询参数的 API。 URLSearchParams 接口定义了实用程序方法来处理 URL 的查询字符串。

那么你能用它做什么呢？给定一个 URL 字符串，您可以像下面的代码一样轻松提取参数值 s & o 参数：

 //http://localhost:8080/GisProject/MainService?s=C&o=1
const params = new URLSearchParams(document.location.search);
const s = params.get("s");
const o = params.get("o");
console.info(s); //show C
console.info(o); //show 1

原文由 Pablo 发布，翻译遵循 CC BY-SA 4.0 许可协议