【JavaScript】URLのクエリ文字列部分を取得する例

Tweet

Category JavaScript 2013/06/08

問題

JavaScriptでURLのクエリ文字列部分を取得したい。

答え

指定したキーの値を取得する例。

<script>
function getQueryVariable(variable) {
    var query = window.location.search.substring(1);
    var vars = query.split("&");
    for (var i=0;i<vars.length;i++) {
        var pair = vars[i].split("=");
        if (pair[0] == variable) {
            return pair[1];
        }
    }
    //alert('Query Variable ' + variable + ' not found');
}
</script>

foo.html?x=Hello&y=123 のURLのとき
getQueryVariable(‘x’)するとHelloが
getQueryVariable(‘y’)すると123が取得できるという具合。

ちょっと改造すると、配列で全部のパラメータを返すこともできる。