JavaScriptでクエリ文字列を取得


URLに記述されているクエリ文字列(http://aaaa.com/index.html?a=1&b=2のようなURLのa=1とかb=2のこと)をJavaScriptで取得したいので調べました。
下記の通りでできます。しかも連想配列なのでアクセスも便利です。

例)URLが「http://aaaa.com/index.html?a=1&b=2」の場合
aの値は、vars[‘a’]、bの値はvars[‘b’]で取得可能

ここからJavaScript—————————————————————
var vars = [], max = 0, hash = “”, array = “”;
var url = window.location.search;

//?を取り除くため、1から始める。複数のクエリ文字列に対応するため、&で区切る
hash = url.slice(1).split(‘&’);
max = hash.length;

for (var i = 0; i < max; i++) {
array = hash[i].split(‘=’); //keyと値に分割。
vars.push(array[0]); //末尾にクエリ文字列のkeyを挿入。
vars[array[0]] = array[1]; //先ほど確保したkeyに、値を代入。
}
ここまでJavaScript—————————————————————

スポンサーリンク




スポンサーリンク