프런트엔드 컴퓨팅 파워의 폭발적인 성능향상으로, 서버에서 처리하는 것보다, PC단말에서 처리하는 것이 훨씬 빠를때가 많이 있습니다.

때로는 조금 희안한 방법이지만, javascript로 parameter를 가져와야할 경우들이 생기죠..ㅎ

예를 들면, 최근에 작업한 http://teamctent.com/main/?page_id=6047 이 페이지가 그렇습니다.

각각의 멤버들을 클릭했을때, 새로운 페이지를 띄운것이 아니라, 파라미터를 받아와서, 이미지만 교체하는 방식으로 처리를 했습니다.

고객 체감 속도는 훨씬 좋습니다.^^

이때, 파라미터를 가져오는 로직이 필요했고, 구글링을 통해 아래와 같은 로직을 활용했습니다. 여기저기 찾지말고, 재원에이전시 북마킹하시고~ 소스 활용해 보세요~^^

코드 분석 들어갑니다.

먼저..

주소창에서 물음표(?)이후의 문자열을 가져온후, 

window.location.href.slice(window.location.href.indexOf('?'+1))

엔퍼샌트를 기준으로 나누어 배열에 넣습니다.

.split('&');

이후 for loop를 돌리며, 해쉬배열을 만듭니다. A=B 라고 했을때, vars[‘A’]=’B’ 를 만드는 과정입니다.

for (배열 길이 만큼)
{
=(등호)를 기준으로 나누어서 다시 배열에 넣고
앞쪽은 키값으로 쓰고, 뒤쪽은 값으로 사용한다.
}

그래서,

아래 전체 코드입니다.