[Java Script] URL 파라미터 값 읽어오기-1

Today's mission 1.

URL 파라미터 값 읽어오기

데이터 전송 방식 중 get 방식은 URL에서 '?' 뒤에 파라미터 정보를 가지고 전송한다.

오늘은 '?' 뒤에 있는 파라미터 정보를 읽어오는 방법을 공부해보았다. 

 

>> 소스보기

ex) www.profile.com?name=hyewon&age=25 

function getQuerystring(paramName){

	var _tempUrl = window.location.search.substring(1); //url에서 처음부터 '?'까지 삭제
	var _tempArray = _tempUrl.split('&'); // '&'을 기준으로 분리하기
	
	for(var i = 0; _tempArray.length; i++) {
		var _keyValuePair = _tempArray[i].split('='); // '=' 을 기준으로 분리하기
		
		if(_keyValuePair[0] == paramName){ // _keyValuePair[0] : 파라미터 명
			// _keyValuePair[1] : 파라미터 값
			return _keyValuePair[1];
		}
	}
}


console.log(getQuerystring('name'))  // --> 'hyewon' 출력
console.log(getQuerystring('age'))  // --> '25' 출력

>> 알아둘 것

ㅁ QureyString 가져오기 : QureyString  을 가져오기 위해 window 객체와 

                             location객체  를 이용해 search하면 '?'부터의 내용이 반환된다.

ㅁ '?' 제거하기 : '?'를 제거하기 위해 substring()함수를 이용한다.

function getQuerystring(paramName){

	 window.location.search.substring(1); 

}

★ 더 간단한 두번쨰 방법 : 

2014/04/16 - [프로그래밍/Java Script] - [Java Script / jQuery] URL 파라미터 값 읽어오기-2, JavaScript 함수 구조

참고 : http://javascriptproductivity.blogspot.kr/2013/02/get-url-variables-with-javascript.html