ホームページ >ウェブフロントエンド >jsチュートリアル >jQueryを使用してクエリ文字列パラメータを取得するにはどうすればよいですか?

jQueryを使用してクエリ文字列パラメータを取得するにはどうすればよいですか?

Mary-Kate Olsen
Mary-Kate Olsenオリジナル
2024-11-26 00:21:11360ブラウズ

How Can I Retrieve Query String Parameters Using jQuery?

jQuery を使用して URL からクエリ文字列パラメータを取得する

Web 開発の領域では、URL からクエリ文字列パラメータにアクセスするのが一般的なニーズです。 。クエリ文字列は URL の疑問符 (?) に続く部分で、Web アプリケーションに情報を渡すことができるキーと値のペアが含まれています。

クエリ文字列から特定のパラメータの値を取得するには、次のコマンドを使用します。 jQuery では、次の手順を利用できます:

  1. 関数の作成: URL を解析する JavaScript 関数を定義し、クエリ文字列パラメータを連想配列に抽出します。
  2. クエリ文字列の分割: 複数のパラメータを区切るアンパサンド (&) 文字でクエリ文字列を分割します。
  3. パラメータの反復: 各パラメータをループし、等号 (=) で分割して、パラメータの名前と値を取得します。
  4. オブジェクトを返す: キーと値のペアを連想配列 (JavaScript オブジェクト) に変換して返します。

クエリ文字列パラメーターを取得するために使用できる関数の例を次に示します。

function getUrlVars() {
  var vars = {}, hash;
  var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
  for (var i = 0; i < hashes.length; i++) {
    hash = hashes[i].split('=');
    vars[hash[0]] = hash[1];
  }
  return vars;
}

特定のパラメーターにアクセスするには、次を使用できます。連想配列表記:

var paramValue = getUrlVars()["param_name"];

このアプローチを使用すると、jQuery コードでクエリ文字列パラメーターを簡単に取得して利用できます。

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。