ネイティブ API と従来の技術を使用して JavaScript で GET リクエスト パラメーターにアクセスする方法

JavaScript での GET リクエスト パラメーターへのアクセス

最新のブラウザには、URL とクエリ文字列を操作するためのネイティブ API が用意されています。 URL や URLSearchParams を含むこれらの API は、最新のブラウザとの互換性を優先する必要があります。

元の解決策:

ネイティブ API が登場する前は、すべての GET リクエスト パラメータに次の方法でアクセスできました。 window.location.search プロパティ。ただし、これにはクエリ文字列を手動で解析する必要があります。次の関数を使用できます:

<code class="js">function getQueryParam(name) {
  const regex = new RegExp('[?&]' + encodeURIComponent(name) + '=([^&]*)');
  const result = regex.exec(location.search);
  return result ? decodeURIComponent(result[1]) : undefined;
}</code>

この関数は GET パラメータ名を受け取り、その値を返します。パラメーターが存在しないか、値がない場合は、unknown が返されます。

例:

<code class="js">const foo = getQueryParam('foo');</code>

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

以上がネイティブ API と従来の技術を使用して JavaScript で GET リクエスト パラメーターにアクセスする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。