javascript로 주소URL에서 파라미터 가져오는 방법 (jquery사용필요없이)
프런트엔드 컴퓨팅 파워의 폭발적인 성능향상으로, 서버에서 처리하는 것보다, 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 (배열 길이 만큼)
{
=(등호)를 기준으로 나누어서 다시 배열에 넣고
앞쪽은 키값으로 쓰고, 뒤쪽은 값으로 사용한다.
}
그래서,
아래 전체 코드입니다.