[Web] url로 queryparameter 쿼리파라미터 가져오기

 

지금 작성하는 글의 url을 캡쳐해보았다.

 

뒤쪽에 보면 ? 로 시작해서 & 로 이어지는 글자들이 보인다.

type = post

returnURL= %2Fmanage%2Fpost%2F

 

위의 경우는 이처럼 2가지의 쿼리 파라미터를 가지고 있다고 볼 수 있다.

 

그럼 html 상에서 위의 쿼리파라미터를 변수로 가져와서 사용하는 방법을 소개하겠다.

 

$(document).ready(function() {
            var param_type = new URLSearchParams(location.search).get('type');
            var param_returnURL = new URLSearchParams(location.search).get('returnURL');
            console.log("param_type은? ", param_type);
            console.log("param_returnURL은? ", param_returnURL);
}

 

 

 

 

URLSearchParams를 사용해서 바로바로 key와 value를 뽑아쓸 수 있다.