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でパラメーターの取得について書こう🎵

エンデ・バタローをフォローする
javascriptjQueryサイト制作

埼玉県北本市に越してきて2年と少しになります。以前は東京都の京王線沿線に、その前は神戸の三宮、さらにその前は名古屋の八事霊園近くに住んでいました。

怖い話が大好きで、ネット怪談、ホラー小説、心霊Youtuber(オウマガドキch、ゾゾゾ)を寝る前のお供にしてます。

フロントエンドエンジニアとして9年目のキャリアを積んでおり、figma、Illustrator、Photoshop、WordPress、HTML、CSS(scss)、JavaScript(jQuery)、PHPなど使って日々仕事をしています。

仕事で検索する手間を省くためフロントエンド技術に関するブログを書いています。

エンデ・バタローをフォローする
広告
初めてのブログ

コメント

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