JavaScript でクエリ文字列を解析するにはどうすればよいですか?

JavaScript を使用したクエリ文字列の解析

JavaScript では、window.location.search プロパティに質問で始まる URL の部分が含まれます。 (?) マークが付いており、クエリ文字列パラメータが含まれます。このプロパティは、これらのパラメーターにアクセスして操作するために使用できます。

ただし、JavaScript には、ASP.NET でよく見られるように、クエリ文字列を解析してキーと値のコレクションを作成するための組み込みの方法が提供されていません。 。これにより、このニーズに対応するためのカスタム ソリューションとライブラリの開発が行われました。

カスタム クエリ文字列解析関数

これは、クエリ文字列の解析に使用できるカスタム関数です。クエリ文字列:

function getQueryString() {
  var result = {},
    queryString = location.search.slice(1),
    re = /([^&=]+)=([^&=]*)/g,
    m;

  while ((m = re.exec(queryString))) {
    result[decodeURIComponent(m[1])] = decodeURIComponent(m[2]);
  }

  return result;
}

この関数は、正規表現を使用してキーと値を取得し、クエリ文字列パラメータを反復処理します。各パラメータの。次に、URL エンコードされた文字列をデコードし、JavaScript オブジェクトに保存します。

使用法:

この関数を使用するには、この関数を呼び出してウィンドウを渡すだけです。 .location.search プロパティを引数として指定します:

var myParam = getQueryString()["myParam"];

これにより、myParam パラメータの値がmyParam 変数。

注:

これはカスタム ソリューションであり、主要な JavaScript ライブラリがクエリ文字列を解析するための独自の実装を提供している可能性があることに注意してください。ただし、ほとんどのユースケースでは、提供されている関数で十分です。

以上がJavaScript でクエリ文字列を解析するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。