jqueryを使って、パラメーターを追加・付与し、条件分岐する方法

こんにちは、カスミです。

さて、以下のような疑問をお持ちでしょうか?

jqueryを使って、URLにパラメータ―を付与したい。

また、付与されてるURLと付与されてないURLで条件分岐して、テストページとして見せたい。

本記事では、このような疑問を解決致します。

※jqueryを使うため、事前にライブラリを読み込みましょう。

パラメータ―を付与し、条件分岐させるコード

$(function () {
  var url = location.href;
  params = url.split("?");
  spparams = params[1].split("&");
  var paramArray = [];
  for (i = 0; i < spparams.length; i++) {
    vol = spparams[i].split("=");
    paramArray.push(vol[0]);
    paramArray[vol[0]] = vol[1];
  }
  if (paramArray["key"] == "test") {
    // パラメータ―付きの場合の処理
  } else {
    // パラメータ―無しの場合の処理
  }
});

上記がサンプルコードになります。

詳細は以下の通りです。

サンプルコードを実装すると、URLに以下のようなパラメータが付与されます。

https://ドメイン名/?key=

サンプルコードの下部あたりにある条件分岐にて、?keyにtestが入った場合(https://ドメイン名/?key=test)の処理と入ってない場合の処理を書いてif elseで書いて上げればOKです。

以上で解説を終わります。

まとめ

本記事ではjqueryを使った方法を紹介しておりますが、PHPでパラメータを付与する方法についても下記記事で扱っているので参照してみてください。

以上で解説を終わります。

Ads

関連記事

WordPress プログラミング

ワードプレスのエディタで自動整形機能を無効・停止する方法

2020.05.20
80
Illustrator プログラミング

【簡単】Illustrator で基準点を軸にアートボードの横幅・高さを変更する方法

2022.02.26
134
WordPress プログラミング

【wordpress投稿】アイキャッチではなく最初の画像をサムネイルにする方法

更新日:2021.10.26
110
WordPress プログラミング

ワードプレスの管理画面をアクセス制限(IP制限)してセキュリティを強化しよう

2021.03.01
122