Posted at

JavaScriptでURLクエリを取得する

More than 1 year has passed since last update.

クエリ文字列の取得は

window.location.search

=> "?foo=1&bar=2"

クエリ文字列をオブジェクトに整形する関数を用意。

function getUrlQueries() {

var queryStr = window.location.search.slice(1); // 文頭?を除外
queries = {};

// クエリがない場合は空のオブジェクトを返す
if (!queryStr) {
return queries;
}

// クエリ文字列を & で分割して処理
queryStr.split('&').forEach(function(queryStr) {
// = で分割してkey,valueをオブジェクトに格納
var queryArr = queryStr.split('=');
queries[queryArr[0]] = queryArr[1];
});

return queries;
}

これでめでたくクエリのオブジェクトの取得ができるようになりました🎉

ブログからの転載記事です。