ホームページ  >  記事  >  ウェブフロントエンド  >  jqueryを使用してURLパラメータを取得するにはどうすればよいですか?

jqueryを使用してURLパラメータを取得するにはどうすればよいですか?

青灯夜游
青灯夜游オリジナル
2020-11-23 09:51:506899ブラウズ

方法: まず、「new RegExp("(^|&)" name "=([^&]*)(&|$)")」を使用して、ターゲット パラメータを含む通常のオブジェクトを構築します。 use "location.search.substr(1).match()" はターゲットパラメータと一致し、最後にパラメータ値を返します。

jqueryを使用してURLパラメータを取得するにはどうすればよいですか?

このチュートリアルの動作環境: Windows 7 システム、jquery バージョン 3.2.1. この方法は、すべてのブランドのコンピューターに適しています。

関連する推奨事項: 「jQuery チュートリアル

jQuery を使用して URL と URL パラメーターを取得する方法

1. jquery を使用して URL を取得するのは非常に簡単です。コードは次のとおりです:

window.location.href;

実際には、JavaScript の基本的なウィンドウ オブジェクトを使用するだけで、知識は使用しません。 jQueryの。

2. jquery で URL パラメータを取得するのはさらに複雑です。正規表現が使用されるため、JavaScript の正規表現を学ぶことが重要です。

まず、取得方法を見てみましょう。 JavaScript を使用して URL を取得します。特定のパラメータ:

   //获取url中的参数
    function getUrlParam(name) {
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
        var r = window.location.search.substr(1).match(reg);  //匹配目标参数
        if (r != null) return unescape(r[2]); return null; //返回参数值
    }

この関数を通じて URL にパラメータ名を渡すことで、パラメータの値を取得できます。たとえば、URL は

です。 http://localhost:33064/WebForm2 .aspx?reurl=WebForm1.aspx

reurl の値を取得したい場合は、次のように記述できます:

var xx = getUrlParam('reurl');

URL パラメーターを取得する JavaScript のメソッドを理解すると、このメソッドを使用して jquery で URL パラメーターを取得するメソッドを拡張できます。次のコードは、jquery の getUrlParam() メソッドを拡張します。

            (function ($) {
                $.getUrlParam = function (name) {
                    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
                    var r = window.location.search.substr(1).match(reg);
                    if (r != null) return unescape(r[2]); return null;
                }
            })(jQuery);

これを拡張した後、 jquery のメソッドでは、次のメソッドを通じて特定のパラメーターを取得できます。 値:

var xx = $.getUrlParam('reurl');

フル コード:

JavaScript unescape() function

定義と使用法

##unescape() 関数は、escape() によってエンコードされた文字列をデコードします。

#パラメータ##文字列必須。デコードまたはエスケープ解除する文字列。 説明
説明

関数は次のように機能します。%xx および %uxxxx 形式の文字シーケンスを検索します (x は16 進数)、デコード用にそのような文字シーケンスを Unicode 文字 \u00xx および \uxxxx に置き換えます。

ヒントとメモ

注: ECMAScript v3 では、unescape() 関数が標準から削除され、その使用が非推奨になったため、decodeURI() を使用する必要があります。代わりに decodeURIComponent() を使用します。

#要約すると、JavaScript にはパラメータのエンコードおよびデコード メソッドが同じである必要があります:

#escape() および unescape()

  • encodeURI() および decodeURI()

  • encodeURIComponent() および decodeURIComponent()

  • プログラミング関連の知識について詳しくは、こちらをご覧ください。訪問:

    プログラミングビデオコース
  • ! !

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

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