1. ホーム
  2. ジャバスクリプト

[解決済み】jQueryでURLからquerystringを取得する【重複あり

2022-04-19 17:17:17

質問

以下のようなURLがあります。

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

の値を取得する必要があります。 location を変数に格納し、それをjQueryのコードで使用します。

var thequerystring = "getthequerystringhere"

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

JavaScriptやjQueryを使って、その値を取得するにはどうしたらよいでしょうか?

どのように解決するのですか?

からです。 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"];