JavaScript에서 쿼리 문자열을 어떻게 구문 분석할 수 있나요?

JavaScript로 쿼리 문자열 구문 분석

JavaScript에서 window.location.search 속성에는 질문으로 시작하는 URL 부분이 포함됩니다. 표시(?)를 포함하고 쿼리 문자열 매개변수를 포함합니다. 이 속성은 이러한 매개 변수에 액세스하고 조작하는 데 사용할 수 있습니다.

그러나 JavaScript는 ASP.NET에서 일반적으로 볼 수 있는 것처럼 쿼리 문자열을 키-값 컬렉션으로 구문 분석하는 기본 제공 방법을 제공하지 않습니다. . 이로 인해 이러한 요구 사항을 해결하기 위한 사용자 정의 솔루션과 라이브러리가 개발되었습니다.

사용자 정의 쿼리 문자열 구문 분석 기능

다음은 쿼리 문자열을 구문 분석하는 데 사용할 수 있는 사용자 정의 함수입니다. 쿼리 문자열:

function getQueryString() {
  var result = {},
    queryString = location.search.slice(1),
    re = /([^&=]+)=([^&=]*)/g,
    m;

  while ((m = re.exec(queryString))) {
    result[decodeURIComponent(m[1])] = decodeURIComponent(m[2]);
  }

  return result;
}

이 함수는 정규식을 사용하여 쿼리 문자열 매개변수를 반복하여 키와 값을 캡처합니다. 각 매개변수. 그런 다음 URL로 인코딩된 문자열을 디코딩하여 JavaScript 개체에 저장합니다.

사용법:

이 함수를 사용하려면 간단히 호출하고 창을 전달하면 됩니다. .location.search 속성을 인수로 사용:

var myParam = getQueryString()["myParam"];

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

참고:

이것은 사용자 정의 솔루션이며 주요 JavaScript 라이브러리가 쿼리 문자열 구문 분석을 위한 자체 구현을 제공할 수도 있다는 점을 명심하세요. 그러나 제공된 기능은 대부분의 사용 사례에 충분합니다.

위 내용은 JavaScript에서 쿼리 문자열을 어떻게 구문 분석할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!