Javascript queryString 맛보기

ITWeb/개발일반 2011. 11. 22. 11:15
가끔 Server Side 말고 Client 만 가지고 queryString 처리를 해야 할 때가 있습니다.
그래서 그냥 하드코딩 올려 봅니다.

[참고URL]
http://www.w3schools.com/jsref/jsref_split.asp
http://www.w3schools.com/jsref/obj_location.asp
http://www.w3schools.com/jsref/prop_loc_href.asp

// 예) http://www.my.com/index.html?width=320&height=48&allow=my.com

<script type="text/javascript">

var href = window.location.href;

var queryString = href.split('?');

var params = queryString[1].split('&');

var size = params.length;


for ( var i=0; i<size; i++ ) {

var param = params[i].split('=');
        alert('KEY : ' + param[0] + "\n" + 'VALUE : ' + param[1]);

}

</script>



[추가정보]
- document.URL : 읽기 전용으로 동일한 정보를 가져 옵니다.
- document.location : 읽기/쓰기 가능 하며 동일한 정보를 가져 옵니다.
- location.search : ?width=320&height=48&allow=my.com 이 부분만 가져 옵니다.


 
: