获取html页面中的url参数

Question

我有一个html页面,使用一个看起来像这样的网址加载:

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

我想在不使用的情况下获取url中的参数jsp.可以使用Javascript或完成jQuery.我想在使用Node.js本地服务器测试我的页面,然后将其部署到使用Java服务器的远程机器中.

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

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');`

Answer 2

//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

Answer 3

假设我们的 URL 是https://example.com/?product=shirt&color=blue&newuser&size=m，我们可以使用以下方法获取查询字符串window.location.search：

\n

 const queryString = window.location.search;\n console.log(queryString);\n // ?product=shirt&color=blue&newuser&size=m\n

\n

然后我们可以使用 URLSearchParams 解析查询字符串\xe2\x80\x99s参数：

\n

 const urlParams = new URLSearchParams(queryString);\n

\n

然后我们对结果调用它的任何方法。

\n

例如，URLSearchParams.get() 将返回与给定搜索参数关联的第一个值：

\n

 const product = urlParams.get(\'product\')\n console.log(product);\n // shirt\n\n const color = urlParams.get(\'color\')\n console.log(color);\n // blue\n\n const newUser = urlParams.get(\'newuser\')\n console log(newUser);\n // empty string\n

\n

其他有用的方法

\n