JavaScript에서 GET 매개변수 검색: 세부 가이드

JavaScript 스크립트 내에서 GET 매개변수를 검색하려면 개발자는 window.location 개체를 활용할 수 있습니다. 이 개체는 쿼리 문자열을 포함하여 현재 URL에 대한 액세스를 제공합니다.

GET 매개변수를 얻는 한 가지 방법은 URL에서 물음표(?) 뒤의 부분을 추출하는 것입니다. 다음 코드 조각은 이 접근 방식을 보여줍니다.

const getParams = () => {
  const searchParams = window.location.search.substr(1);  // Remove the question mark
  return searchParams;  // Return the GET parameters as a string
};

제공된 예에서 GET 매개변수 "returnurl"은 다음 코드를 사용하여 액세스할 수 있습니다.

const returnurl = getParams().split("=").pop();  // Extract the parameter value
console.log(returnurl);  // Log the parameter value to the console

그러나 이 기본 접근 방식은 여러 값이 동일한 매개변수 이름과 연관된 시나리오를 고려하지 않습니다. 이러한 경우를 처리하려면 보다 강력한 솔루션이 필요합니다.

다음 향상된 기능은 여러 값이 있는 경우에도 GET 매개변수를 검색하는 포괄적인 방법을 제공합니다.

const findGetParameter = (parameterName) => {
  const result = null;
  const searchString = location.search.substr(1);
  const items = searchString.split("&");
  for (let index = 0; index 
이 함수는 매개변수 값을 디코딩하여 특수 문자와의 호환성을 보장합니다. for 루프를 활용하여 쿼리 문자열의 각 키-값 쌍을 반복합니다. 제공된 매개변수 이름을 찾으면 해당 값을 반환합니다.
함수를 이용하면 다음과 같이 "returnurl" 매개변수를 얻을 수 있습니다.
const returnurl = findGetParameter("returnurl");
console.log(returnurl);
개발자는 이러한 기술을 활용하여 JavaScript 스크립트 내에서 GET 매개변수를 효과적으로 검색하여 웹 애플리케이션의 기능을 향상시킬 수 있습니다.