获取html页面中的url参数

axzmvihb  于 2023-05-27  发布在  其他
关注(0)|答案(4)|浏览(210)

我有一个HTML页面,它是使用一个URL加载的,看起来有点像这样:

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

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

常见问题

1.可以使用JavascriptjQuery来实现吗?因为我想在将页面部署到使用Java服务器的远程机器之前,使用Node.js本地服务器测试页面。
1.有没有图书馆可以让我这样做?

jljoyd4f

jljoyd4f1#

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

vql8enpb2#

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

你能用它做什么?给定一个URL字符串,您可以轻松地提取参数值,如下面的so参数代码所示:

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

nimxete23#

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

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

然后我们可以使用URLSearchParams解析查询字符串的参数:

const urlParams = new URLSearchParams(queryString);

然后我们在结果上调用它的任何方法。
例如,URLSearchParams.get()将返回与给定搜索参数关联的第一个值:

const product = urlParams.get('product')
 console.log(product);
 // shirt

 const color = urlParams.get('color')
 console.log(color);
 // blue

 const newUser = urlParams.get('newuser')
 console log(newUser);
 // empty string

Other Useful Methods

ubof19bj

ubof19bj4#

让我们得到一个非编码的URL,例如:

https://stackoverflow.com/users/3233722/pyk?myfirstname=sergio&mylastname=pyk

将作业打包到一个JS行中...

urlp=[];s=location.toString().split('?');s=s[1].split('&');for(i=0;i<s.length;i++){u=s[i].split('=');urlp[u[0]]=u[1];}

在页面的任何地方使用它:-)

alert(urlp['mylastname']) //pyk
  • 甚至适用于 * 旧的浏览器 * 如ie6

相关问题