JavaScript からの GET パラメータの取得: 詳細ガイド

JavaScript スクリプト内から GET パラメータを取得するには、開発者は window.location オブジェクトを利用できます。このオブジェクトは、クエリ文字列を含む現在の URL へのアクセスを提供します。

GET パラメータを取得する 1 つの方法は、URL の疑問符 (?) に続く部分を抽出することです。次のコード スニペットは、このアプローチを示しています。

const getParams = () => {
  const searchParams = window.location.search.substr(1);  // Remove the question mark
  return searchParams;  // Return the GET parameters as a string
};

この例では、次のコードを使用して GET パラメータ「returnurl」にアクセスできます:

const returnurl = getParams().split("=").pop();  // Extract the parameter value
console.log(returnurl);  // Log the parameter value to the console

ただし、この基本的なアプローチでは、複数の値が同じパラメータ名に関連付けられているシナリオは考慮されていません。このようなケースに対処するには、より堅牢なソリューションが必要です。

次の拡張関数は、複数の値が存在する場合でも、GET パラメーターを取得するための包括的な方法を提供します。

const findGetParameter = (parameterName) => {
  const result = null;
  const searchString = location.search.substr(1);
  const items = searchString.split("&");
  for (let index = 0; index 
この関数はパラメータ値をデコードして、特殊文字との互換性を確保します。 for ループを利用して、クエリ文字列内の各キーと値のペアを反復処理します。指定されたパラメータ名が見つかると、対応する値が返されます。
関数を使用すると、次のように「returnurl」パラメータを取得できます。
const returnurl = findGetParameter("returnurl");
console.log(returnurl);
これらの手法を活用することで、開発者は JavaScript スクリプト内から GET パラメータを効率的に取得でき、Web アプリケーションの機能を強化できます。