jQuery的GET查询字符串的URL

问题描述：

可能重复：
How can I get query string values?jQuery的GET查询字符串的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获取该值？

可以帮助some1。 https://gist.github.com/helpse/4d4842c69782b9f94a72 – helpse 2015-12-10 16:29:45

答

来源：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; 
}

例如，如果你有网址：

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

此代码将返回：

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

，你可以这样做：

var me = getUrlVars()["me"]; 
var name2 = getUrlVars()["name2"];

请注意，该解决方案不会取消编码参数值...并且似乎没有显式处理url中的值＃我会建议http://stackoverflow.com/questions/901115/get-query-string-values-in-javascript/901144#901144而不是，像@Steve做 – Rory 2012-06-25 08:16:47

不好回答。不处理碎片。 – 2013-11-04 10:33:42

@Rory，是的：这：“http://stackoverflow.com?foo=bar#topic1”会给你{“foo”：“bar＃topic”}。这就是为什么可怜的人问一个知名的图书馆的解决方案，大概是希望找到一个解决方案，它已经做了一些测试并覆盖了所有的基础（我说这就是他希望找到的，而不是jQuery必然会提供它）。 – kghastie 2013-11-05 22:19:09

答

看一看这个stackoverflow answer。

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

答

一个简单的方法与一些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);

答

我们做这样......

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(/(&|;|$)/))) : ""; 
};

答

location.search

这是所有你需要

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

jQuery的GET查询字符串的URL

相关推荐