ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript で GET パラメータを取得するにはどうすればよいですか?

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

Mary-Kate Olsen
リリース: 2024-12-14 04:08:11
オリジナル
183 人が閲覧しました

How to Retrieve GET Parameters in JavaScript?

JavaScript での GET パラメーターの取得

この質問は、JavaScript 内の GET パラメーターの取得について説明します。次の URL について考えてみましょう:

http://example.com/page.html?returnurl=/admin

page.html 内の JavaScript コードはどのようにして GET パラメータにアクセスできるのでしょうか?指定された例では、func('returnurl') 関数は「/admin」を返す必要があります。

window.location を使用した解決策

window.location オブジェクトは、疑問符を付けずに GET パラメータを取得する方法。次のコードはそのトリックを実行します。

window.location.search.substr(1)
ログイン後にコピー

拡張ソリューション

提供されたソリューションは、パラメーター名を取得してそのパラメーター名を返す関数 findGetParameter() を提供します。対応する値:

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;
}
ログイン後にコピー
ログイン後にコピー

For を使用した代替ソリューションLoop

古いブラウザ (IE8 など) との互換性のために、プレーンな for ループを使用した代替ソリューションも提供されています:

function findGetParameter(parameterName) {
    var result = null,
        tmp = [];
    var items = location.search.substr(1).split("&amp;");
    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 サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート