ホームページ > ウェブフロントエンド > jsチュートリアル > jqueryはURLとURLパラメータを取得します(コード付き)

jqueryはURLとURLパラメータを取得します(コード付き)

php中世界最好的语言
リリース: 2018-04-26 10:59:50
オリジナル
1346 人が閲覧しました

今回は、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 でのページアンカーの失敗に対処する方法

iframe でドキュメントオブジェクトを取得する手順の詳細な説明

以上がjqueryはURLとURLパラメータを取得します(コード付き)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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