관리 메뉴

dpTablo

jQuery를 이용한 Url Parameter 추출 본문

Front End/jQuery

jQuery를 이용한 Url Parameter 추출

Tablo@ 2010.01.05 16:55
jQuery를 이용하여 Url Parameter 추출을 편하게 하는 방법이 있을까 알아보니

jQuery 기본 프레임웍에 이러한 함수가 없었다.

알아보니 미국 디벨로퍼의 블로그에서 발췌하였다.


먼저 아래와 같은 코드를 *.js 파일로 생성.
--------------------------------------------------------------------------------------------------------------
/* Copyright (c) 2006 Mathias Bank (http://www.mathias-bank.de)
* Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
* and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
*
* Thanks to Hinnerk Ruemenapf - http://hinnerk.ruemenapf.de/ for bug reporting and fixing.
*/
jQuery.extend({
/**
* Returns get parameters.
*
* If the desired param does not exist, null will be returned
*
* @example value = $.getURLParam("paramName");
*/
getURLParam: function(strParamName){
var strReturn = "";
var strHref = window.location.href;
var bFound=false;

var cmpstring = strParamName + "=";
var cmplen = cmpstring.length;

if ( strHref.indexOf("?") > -1 ){
var strQueryString = strHref.substr(strHref.indexOf("?")+1);
var aQueryString = strQueryString.split("&");
for ( var iParam = 0; iParam < aQueryString.length; iParam++ ){
if (aQueryString[iParam].substr(0,cmplen)==cmpstring){
var aParam = aQueryString[iParam].split("=");
strReturn = aParam[1];
bFound=true;
break;
}

}
}
if (bFound==false) return null;
return strReturn;
}
});
--------------------------------------------------------------------------------------------------------------

View로 사용할 파일내에 위의 생성한 js 파일을 포함시켜주고

아래와 같은 구문양식으로 사용하면 끝.

$.getURLParam("age") // http://localhost/aa.jsp?name=lee&age=26

해당 함수를 실행하면 "26"이 반환된다.


출처 : Mathias Bank 님의 블로그 

http://www.mathias-bank.de/2006/10/28/jquery-plugin-geturlparam/

1 Comments
댓글쓰기 폼