方法: まず、「new RegExp("(^|&)" name "=([^&]*)(&|$)")」を使用して、ターゲット パラメータを含む通常のオブジェクトを構築します。 use "location.search.substr(1).match()" はターゲットパラメータと一致し、最後にパラメータ値を返します。
このチュートリアルの動作環境: 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 サイトの他の関連記事を参照してください。