jquery get querystring from URL

**重複している可能性があります。 クエリ文字列の値を取得するにはどうしたらいいですか

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

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

私が必要としているのは、URLからlocationの値を変数に取り込んで、それをjQueryのコードで使うことです。

var thequerystring = "getthequerystringhere"

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

誰か、JavaScriptやjQueryを使ってその値を取得する方法を知っていますか？

Community
編集された質問 23日 5月 2017 в 11:47
プログラミング
query-string javascript jquery
11日 1月 2011 в 10:56
8 ビュー
ソリューション

From: 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"];
Moshe Katz
編集した答え 7日 3月 2013 в 12:00
解説 (12)

簡単な方法は、いくつかの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);
解説 (6)

この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);
Ajay2707
編集した答え 19日 5月 2018 в 1:57
解説 (0)