JavaScript で GET パラメータを取得するにはどうすればよいですか?-jsチュートリアル-php.cn

JavaScript で GET パラメータを取得するにはどうすればよいですか?

Barbara Streisand

リリース： 2024-12-20 21:23:09

オリジナル

427 人が閲覧しました

How Can I Retrieve GET Parameters in JavaScript?

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("&amp;");
  for (let index = 0; index < items.length; index++) {
    const [key, value] = items[index].split("=");
    if (key === parameterName) result = decodeURIComponent(value);
  }
  return result;
};

ログイン後にコピー

この関数はデコードします。特殊文字との互換性を確保するためのパラメータ値。 for ループを利用して、クエリ文字列内の各キーと値のペアを反復処理します。指定されたパラメータ名が見つかると、対応する値が返されます。

関数を使用すると、次のように「returnurl」パラメータを取得できます。

const returnurl = findGetParameter("returnurl");
console.log(returnurl);

ログイン後にコピー

これらの手法を活用することで、開発者はJavaScript スクリプト内から GET パラメータを効果的に取得し、Web アプリケーションの機能を強化できます。

以上がJavaScript で GET パラメータを取得するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。