使用 jQuery 从 URL 获取查询字符串 [英] Get querystring from URL using jQuery

问题描述

我有以下网址:

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

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

I need to get the value of location from the URL into a variable and then use it in jQuery code:

var thequerystring = "getthequerystringhere"

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

如何使用 JavaScript 或 jQuery 获取该值?

How can I grab that value using JavaScript or jQuery?

推荐答案

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

这就是你需要的:)

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

The following code will return a JavaScript Object containing the URL parameters:

// 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"];

这篇关于使用 jQuery 从 URL 获取查询字符串的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！