jQueryでURLのパラメーターと値を取得する方法

この記事は約2分で読めます。

パラメーターを使って表示を切り分ける方法って、よくphpで利用するよね。
それを利用して、URLに特定のパラメーターが付いてる時に、処理する方法をご紹介します。

例えばこんなURL「https://corona-ha-taihen.com/?taihen=001&user=bataro」の時、きっとこのサイトはコロナでの大変なことをまとめているのかな?っと思ったりします。
このURLのパラメーターは、この部分「?taihen=001&user=bataro」だね。

パラメーター全てを取得する時はこちら↓

var param = location.search;

そんでもって出来れば、この「taihen」パラメーターの値だけとか、「user」の値だけを取得して格納しときたい。
そんな時のjQueryがこちら↓

var paraGety = function paraGety(para) {
  var pageURL = window.location.search.substring(1),
  urlValue = pageURL.split('&'), paraName;
  for(var i = 0; i < urlValue.length; i++) {
    paraName = urlValue[i].split('=');
    if (paraName[0] === para) {
      return paraName[1] === undefined ? true : decodeURIComponent(paraName[1]);
    }
  }
};

// 各パラメーターの値を変数に格納
var taihen = paraGety('taihen');
var user = paraGety('user');

パラゲッティ―(paraGety)を使って各パラメーター毎に、値を変数に格納しとこう!
次は、phpでパラメーターの取得について書こう🎵

コメント

タイトルとURLをコピーしました