네이티브 API 및 레거시 기술을 사용하여 JavaScript에서 GET 요청 매개변수에 액세스하는 방법은 무엇입니까?

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

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

원래 솔루션:

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

<code class="js">function getQueryParam(name) {
  const regex = new RegExp('[?&]' + encodeURIComponent(name) + '=([^&]*)');
  const result = regex.exec(location.search);
  return result ? decodeURIComponent(result[1]) : undefined;
}</code>

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

예:

<code class="js">const foo = getQueryParam('foo');</code>

이렇게 하면 GET 매개변수 foo의 값이 foo 변수입니다.

위 내용은 네이티브 API 및 레거시 기술을 사용하여 JavaScript에서 GET 요청 매개변수에 액세스하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!