[javascript] url 파라메터 가져오는 방법

안녕하세요 이번 포스팅에서는 자바스크립트에서 URLSearchParams 를 이용해서 url 파마메터를 가져와서 사용하는 방법에 대해 알아보겠습니다.

 

예제 코드

let queryString = window.location.search;    // 쿼리 스트링 가져오기
console.log(queryString);    // 콘솔창에서 확인
let urlParams = new URLSearchParams(queryString);    // 쿼리스트링에서 파람값 가져오기 urlParams 값은 ‘param1=test…’로 param1값이 들어온것을 확인할 수 있습니다.
var param1 = urlParams.has('param1') === true ? urlParams.get('param1') : '' ;    // 파라메터 중 param1이 있으면 param1변수에 param1 파라메터의 value를 저장합니다.
var param2 = urlParams.has('param2') === true ? urlParams.get('param2') : '' ;
alert(param1); // param1의 값을 확인합니다.

 

테스트

아래 url 로 접속해서 테스트 해 볼 수 있습니다.

• https://codepen.io/pen/?param1=test 접속
• js탭에 위 코드 삽입
• alert창에 alert 창으로 test 찍히는것 확인

 

감사합니다.