javascriptでクエリ文字列を取得する

  • 48
    Like
  • 0
    Comment
More than 1 year has passed since last update.

現在のページのクエリ文字列を取得するには、locationオブジェクトのsearchプロパティを使用します。

url = window.location.search

下記の関数を通すことで、クエリ文字列を配列として取得することができます。

var val = getUrlVars();

/**
 * URL解析して、クエリ文字列を返す
 * @returns {Array} クエリ文字列
 */
function getUrlVars()
{
    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に、値を代入。
    }

    return vars;
}