JavaScript에서 GET 요청 매개변수에 액세스

최신 브라우저는 URL 및 쿼리 문자열을 조작하기 위한 기본 API를 제공합니다. URL 및 URLSearchParams를 포함한 이러한 API는 최신 브라우저와의 호환성을 위해 우선적으로 처리되어야 합니다.

기존 솔루션:

네이티브 API 이전에는 모든 GET 요청 매개변수에 다음을 통해 액세스할 수 있었습니다. window.location.search 속성. 그러나 이를 위해서는 쿼리 문자열을 수동으로 구문 분석해야 합니다. 다음 함수를 사용할 수 있습니다:

function getQueryParam(name) {
  const regex = new RegExp('[?&]'   encodeURIComponent(name)   '=([^&]*)');
  const result = regex.exec(location.search);
  return result ? decodeURIComponent(result[1]) : undefined;
}

이 함수는 GET 매개변수 이름을 가져와 해당 값을 반환합니다. 매개변수가 존재하지 않거나 값이 없으면 정의되지 않은 값을 반환합니다.

예:

const foo = getQueryParam('foo');

이것은 GET 매개변수 foo의 값을 foo 변수에 할당합니다.