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

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

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

東京に住み始めて4年目。

前は神戸に。その前は名古屋に住んでいました。

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

フロントエンドを始めて4年目になります。
エディタはAtomを利用して、日々の業務でイラレとフォトショ、HTMLとCSSとjavascriptとphpを使用してます。
仕事をしていて、検索する手間を省くためフロント技術ブログを書いています。

エンデ・バタローをフォローする
シェアする
スポンサーリンク
初めてのブログ

コメント

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