jquery urlパラメータ値を取得する方法

994 ワード

jsでurl上のパラメータを取得する必要がある場合があります.この方法では、url上のパラメータを簡単かつ動的に取得できます.
公共jsの書き方
(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);

使用方法
$(function(){
	//  url  id
	var id=$.getUrlParam('id');
}
は、例えるurlが要求indexを送信する.do?id=5
index.doに対応するジャンプページはindexである.jsp
indexでjspはindexを導入する.js
indexでjsには2つの方法が書かれています
(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);

$(function(){
	//  url  id
	var id=$.getUrlParam('id');
        //      url   
        alert(id);
}

これでurlのパラメータ値が得られます.