如何使用 jQuery 从 URL 获取查询参数值？

如何使用 jQuery 从 URL 中提取查询参数

问题：

你如何使用 jQuery 从 URL 获取查询参数的值并在代码中使用它？例如，如果 URL 是 http://www.mysite.co.uk/?location=mylocation1，如何将“mylocation1”值分配给变量以在以下 jQuery 语句中使用：

var thequerystring = "getthequerystringhere"

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

答案：

要从 URL 中提取查询参数，可以使用以下代码snippet:

// 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 参数，将它们拆分为键值对，并将它们作为对象返回。例如，URL http://www.example.com/?me=myValue&name2=SomeOtherValue 将返回以下对象：

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

使用此函数，您可以通过查询参数访问查询参数键。在您的情况下，要获取“location”参数，您可以编写：

var locationValue = getUrlVars()["location"];

最后，您可以在 jQuery 语句中使用提取的参数值，如下所示：

var thequerystring = locationValue;

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

以上是如何使用 jQuery 从 URL 获取查询参数值？的详细内容。更多信息请关注PHP中文网其他相关文章！