jquery从URL中获取querystring

我有以下的URL。

http://www.mysite.co.uk/?location=mylocation1

我需要的是把location的值从URL中获取到一个变量中,然后在jQuery代码中使用它。

var thequerystring = "getthequerystringhere"

$('html,body').animate({scrollTop: $("div#" + thequerystring).offset().top}, 500);

有谁知道如何用JavaScript或jQuery来获取这个值?

对该问题的评论 (2)
解决办法

来自: http://jquery-howto.blogspot.com/2009/09/get-url-parameters-values-with-jquery.html

这就是你需要的东西 :)

下面的代码将返回一个包含URL参数的JavaScript对象。

// Read a page's GET URL variables and return them as an associative array.
function getUrlVars()
{
    var vars = [], hash;
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
    for(var i = 0; i < hashes.length; i++)
    {
        hash = hashes[i].split('=');
        vars.push(hash[0]);
        vars[hash[0]] = hash[1];
    }
    return vars;
}

例如,如果你有这样的URL。

http://www.example.com/?me=myValue&name2=SomeOtherValue

这段代码将返回。

{
    "me"    : "myValue",
    "name2" : "SomeOtherValue"
}

而你可以这样做。

var me = getUrlVars()["me"];
var name2 = getUrlVars()["name2"];
评论(12)

要从当前的URL中检索以"? "字符开始的整个查询字符串,你可以使用

location.search

https://developer.mozilla.org/en-US/docs/DOM/window.location

例子: ```兰-js

// URL = https://example.com?a=a%20a&b=b123
console.log(location.search)。
//打印"?a=a%20a&b=b123&quot。

关于检索特定的查询字符串参数,虽然存在像[URLSearchParams][1]和[URL][2]这样的类,但目前Internet Explorer不支持它们,可能应该避免使用。 相反,你可以试试这样的方法。

/**
* 接受一个URL或querystring,并返回一个相关的对象。
* 每个querystring参数的值。
*
* 如果没有找到querystring参数,返回一个空对象。
*/
函数getUrlParams(urlOrQueryString) {
如果((i = urlOrQueryString.indexOf(&#39;?&#39;)) >= 0) {
const queryString = urlOrQueryString.substring(i+1)。
如果(queryString) {
返回 _mapUrlParams(queryString)。
}
}

返回 {};
}

/**
* `getUrlParams()'的辅助函数。
* 建立querystring参数到值对象的映射。
*
* @param queryString {string} - 完整的querystring,不含前缀&#39;?&#39;。
*/
函数 _mapUrlParams(queryString) {
返回queryString
.split(&#39;&&#39;)
.map(function(keyValueString) { return keyValueString.split(&#39;=&#39;) })
.reduce(function(urlParams, [key, value]) {
如果(Number.isInteger(parseInt(value)) &&
ParseInt(value) == value) {
urlParams[key] = parseInt(value);
} else {
urlParams[key] = decodeURI(value);
}
return urlParams;
}, {});
}

你可以这样使用上面的内容。

// 使用location.search
let urlParams = getUrlParams(location.search);
// 假设location.search = "?a=1&b=2b2"
console.log(urlParams).urlParams = getUrlParams(location.search); // 假设location.search = "?a=1&b=2b2" console.log(urlParams);
// 打印 { "a":
1,"b"。
"2b2"; console.log(urlParams); // Prints { "a": 1, "b": "2b2"
}

// 使用一个URL字符串
const url = &#39;https://example.com?a=A%20A&b=1&#39;。
urlParams = getUrlParams(url);
console.log(urlParams);
// Prints { "a":
"A A", "b":
1 }

// 要检查一个参数是否存在,只需这样做。
if (urlParams.hasOwnProperty(&#39;parameterName&#39;) {
console.log(urlParams.parameterName)。
}

[1]: https://developer.mozilla.org/en-US/docs/Web/API/URLSearchParams/URLSearchParams [2]: https://developer.mozilla.org/en-US/docs/Web/API/URL

评论(6)

一个简单的方法是用一些jQuery和直接的JS来做,只要在Chrome或Firefox中查看你的控制台就可以看到输出。

  var queries = {};
  $.each(document.location.search.substr(1).split('&'),function(c,q){
    var i = q.split('=');
    queries[i[0].toString()] = i[1].toString();
  });
  console.log(queries);
评论(6)

请看这个stackoverflow答案

 function getParameterByName(name, url) {
     if (!url) url = window.location.href;
     name = name.replace(/[\[\]]/g, "\\$&");
     var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
         results = regex.exec(url);
     if (!results) return null;
     if (!results[2]) return '';
     return decodeURIComponent(results[2].replace(/\+/g, " "));
 }

你可以用这个方法来制作动画。

即。

var thequerystring = getParameterByName("location");
$('html,body').animate({scrollTop: $("div#" + thequerystring).offset().top}, 500);
评论(0)

我们这样做...

String.prototype.getValueByKey = function (k) {
    var p = new RegExp('\\b' + k + '\\b', 'gi');
    return this.search(p) != -1 ? decodeURIComponent(this.substr(this.search(p) + k.length + 1).substr(0, this.substr(this.search(p) + k.length + 1).search(/(&|;|$)/))) : "";
};
评论(1)