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年目。

前は東京都の京王線沿線に。
その前は神戸の三宮に。
その前は名古屋の八事霊園の近くに住んでいました。

ある年の冬、車で島根県へ旅行に出かけました。
同県の山中にある寒村をゆるゆると走っていると地面が凍結しており
車ごと川に滑り落ちそうになった経験を持つ30代(男)です。

フロントエンドを始めて9年目になります。
最近は、ずっとwordpressをいじっており
エディタはVSCodeに乗り換え、日々の業務でイラレとフォトショ、HTMLとCSSとjavascriptとphpを使用してます。
仕事をしていて、検索する手間を省くためフロント技術ブログを書いています。

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

コメント

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