jqueryはURLとURLパラメータを取得します（コード付き）-jsチュートリアル-php.cn

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

php中世界最好的语言

リリース： 2018-04-26 10:59:50

オリジナル

1338 人が閲覧しました

今回は、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 に拡張した後、次のメソッドを使用して特定のパラメーターの値を取得できます