[자바스크립트] 현재 페이지 URL Parameter 가져오기, 활용하기, 사용하기

getUrlParams() 함수를 호출해서 현재 페이지 URL의 쿼리 매개변수를 추출하여 객체로 반환하여 사용할 수 있습니다.
URL의 쿼리 매개변수는 ? 문자로 시작하고, 매개변수와 값은 key=value 형식으로 구성됩니다. 매개변수는 & 문자로 구분될 수 있습니다.

 

간단한 예제이니 응용해서 사용하시면 됩니다.

<script>
// 예제 URL: https://example.com/index.html?name=John&age=25&city=seoul

// getUrlParams() 함수 정의
function getUrlParams() {
  var params = {};
  window.location.search.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(str, key, value) { params[key] = value; });
  return params;
}

// getUrlParams() 함수를 사용하여 쿼리 매개변수 추출
var params = getUrlParams();
console.log(params);
// 출력: { name: 'John', age: '25', city: 'seoul' }

// 특정 쿼리 매개변수 값 가져오기
var name = params.name;
var age = params.age;
var city = params.city;

console.log(name);  // 출력: 'John'
console.log(age);   // 출력: '25'
console.log(city);  // 출력: 'seoul'
</script>