ホームページ  >  記事  >  ウェブフロントエンド  >  URLパラメータを取得するためのJs Jq集中メソッドのサンプルコード_JavaScriptスキル

URLパラメータを取得するためのJs Jq集中メソッドのサンプルコード_JavaScriptスキル

WBOY
WBOYオリジナル
2016-05-16 16:47:381399ブラウズ

JQ値メソッド:

jquery自体にはURLパラメータを取得するメソッドはありませんが、プラグインが既に存在しており、URLやその他のパラメータを直接取得できます
プラグイン接続ホームページ:https ://github.com/allmarkedup/ jQuery-URL-Parser
ダウンロード リンク: http://download.github.com/allmarkedup-jQuery-URL-Parser-bb2bf37.zip

使用例
現在のページの URL を使用する (これらの例では https://mysite.com/information/about/index.html?itemID=2&user=dave):

// プロトコル
jQuery を取得します.url.attr("protocol") // 'http' を返します

// パスを取得します
jQuery.url.attr("path") // '/information/about/index.html を返します。 html'


// ホストを取得します
jQuery.url.attr("host") // 'mysite.com' を返します

// の値を取得しますitemID クエリ パラメータ
jQuery.url .param("itemID") // 2 を返します

// URL パスから 2 番目のセグメントを取得します
jQuery.url.segment(2) // を返します'about'
現在のページに対して別の URL を使用する:

// 別の URL を設定し、アンカー文字列を返します
jQuery.url.setUrl("http://allmarkedup.com/ category/javascript/#footer").attr("anchor") // 'フッター' を返します

JS ネイティブ取得:

最もオリジナルな JS メソッド:

コードをコピー コードは次のとおりです:

var URLParams = new Array();
var aParams = document。 location.search.substr(1).split(' &');
for (i=0; i var aParam = aParams[i].split('= ');
URLParams[aParam[0] ] = aParam[1];

次のように呼び出します:

http://127.0.0.1/ index.php?name=name1&cid=123
/ /渡された名前パラメータを取得します
name=URLParams["name"]

document.write(name);渡された cid

cid= URLParams["cid"];

通常の分析方法:

方法 1:


コードをコピーします コードは次のとおりです:
function getQueryString(name) {
var reg = new RegExp("(^|&)" name "=([^&]*)(&|$ )", "i");
var r = window.location.search.substr(1).match(reg); != null) return unescape(r[2]); return null



は次のように呼び出されます:



コードをコピーします
コードは次のとおりです。 alert(GetQueryString("パラメータ名 1")); "パラメータ名 2"));
alert(GetQueryString("パラメータ名 3"));


方法 2:



コードをコピーします

コードは次のとおりです: