ホームページ >ウェブフロントエンド >jsチュートリアル >jqueryはURLとURLパラメータを取得します(コード付き)
今回は、URL と URL パラメーターを取得するための jQuery について説明します (コード付き)。JQuery が URL と URL パラメーターを取得するための 注意事項は何ですか? ここでは実際のケースを見てみましょう。
1. jqueryでURLを取得するのは非常に簡単です
window.location.href;実際には、JavaScriptの基本的な
windowオブジェクトを使用するだけで、jqueryの知識は使用しません。
2. jquery で URL パラメータを取得するのはより複雑です正規表現を使用するため、JavaScript の正規表現を学ぶことがいかに重要か
まず、URL 内の特定のパラメータを取得する方法を見てみましょう。 JavaScript を通じて簡単に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://www.xxx.loc/admin/write-post.php です?cid=79 cid の値を取得したい場合は、次のように記述できます:
getUrlParam('cid');理解しました URL パラメーターを取得するための JavaScript のメソッド このメソッドを使用して、URL パラメーターを取得するための jquery のメソッドを拡張できます。次のコードは、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 に拡張した後、次のメソッドを使用して特定のパラメーターの値を取得できます
$.getUrlParam('cid');を読んだ後、メソッドをマスターしたと思います。この記事のケースについては、さらに興味深い情報については、PHP 中国語 Web サイトの他の関連記事にご注目ください。 推奨読書:
iframe でドキュメントオブジェクトを取得する手順の詳細な説明
以上がjqueryはURLとURLパラメータを取得します(コード付き)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。