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

JavaScript を使用した GET パラメータの抽出

Web アプリケーションを操作する場合、GET パラメータを介して渡されたデータにアクセスすることが重要です。これは、URL クエリ文字列などの状況で特に重要になります。この記事では、JavaScript から GET パラメータを取得するためのさまざまな手法を検討し、シンプルなソリューションとより高度なソリューションの両方を提供します。

window.location オブジェクトの使用

1 つの直接的なアプローチには、 window.location オブジェクト。このオブジェクトには、URL の疑問符に続く部分を格納する検索プロパティが含まれています。 GET パラメータを抽出するには、単に疑問符と先頭の空白を削除します。

window.location.search.substr(1)

「http://example.com/page.html?returnurl=/」の例では、このメソッドを使用します。 admin" の場合、結果は "returnurl=/admin" になります。

パラメータのカスタム関数Retrieval

別のアプローチは、パラメーターを取得するためのカスタム JavaScript 関数を作成することです。この関数により、パラメータ抽出プロセスが簡素化されます。

function findGetParameter(parameterName) {
    var result = null,
        tmp = [];
    location.search
        .substr(1)
        .split("&")
        .forEach(function (item) {
          tmp = item.split("=");
          if (tmp[0] === parameterName) result = decodeURIComponent(tmp[1]);
        });
    return result;
}

この例では、findGetParameter() 関数は、parameterName を受け取り、クエリ文字列を反復処理して、一致するものを検索します。一致が見つかると、対応するパラメーター値が返されます。

Plain JavaScript for Loops

Internet Explorer 8 を含む、さらに広範な互換性を実現するためのプレーン JavaScript for Loops

function findGetParameter(parameterName) {
    var result = null,
        tmp = [];
    var items = location.search.substr(1).split("&");
    for (var index = 0; index < items.length; index++) {
        tmp = items[index].split("=");
        if (tmp[0] === parameterName) result = decodeURIComponent(tmp[1]);
    }
    return result;
}

このソリューションは、同じパラメータの取得を維持しながら、古いブラウザとの互換性を保証します。機能。

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