jQueryを使用してURLからクエリパラメータ値を取得する方法?

jQuery を使用して URL からクエリ パラメータを抽出する方法

質問:

どうすればよいですかjQueryを使用してURLからクエリパラメータの値を取得し、それをコードで使用しますか?たとえば、URL が http://www.mysite.co.uk/?location=mylocation1 の場合、次の jQuery ステートメントで使用する変数に「mylocation1」値を割り当てるにはどうすればよいですか:

var thequerystring = "getthequerystringhere"

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

答え:

URL からクエリ パラメータを抽出するには、次のコードを使用できます。スニペット:

// 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 中国語 Web サイトの他の関連記事を参照してください。