裏紙に書く程度の内容

javascriptでgetパラメータを取得する

javascriptでURLのgetパラメータを取得する方法。

ソースコード

手っ取り早くソースコードから。

var getUrlParameter = function(name) {

  var i, len, param, paramData, params;
  params = decodeURIComponent(window.location.search.substring(1)).split('&');

  for (i = 0, len = params.length; i < len; i++) {
    param = params[i];
    paramData = param.split('=');
    if (paramData[0] === name) {
      return paramData[1];
    }
  }
};

CoffeeScriptでコンパイルしました。ちなみにコンパイル前のコードはこんな感じ。

getUrlParameter = (name) ->

  params = decodeURIComponent(window.location.search.substring(1)).split '&'

  for param in params
    paramData = param.split '='
    return paramData[1] if paramData[0] is name

解説

ポイントとなるのはwindow.location.search.substring(1)くらいでしょうか。

window.location.searchで、現URLの”?”に続く文字を取得します。
この時、”?”も含むためsubstring(1)で”?”を除去しています。

その後さらに、split('&')で複数のパラメータを考慮した配列にしています。

あとは各パラメータ部を”=”で分解、指定パラメータ名と一致するかどうかを確かめ、データを返却します。

参考

【jQuery】 画面表示時にGETパラメータを取得する方法

Index