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

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBオリジナル: 2016-05-16 16:47:381447ブラウズ

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:

コードをコピーします

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