JavaScript 쿼리 문자열에서 키-값 쌍을 쉽게 추출하려면 어떻게 해야 합니까?

JavaScript 쿼리 문자열

웹 개발에 사용되는 일반적인 기술은 쿼리 문자열을 통해 데이터를 전달하는 것입니다. 이는 사전 구조로 표현되는 ASP.NET에서 자주 발생합니다. 많은 개발자가 JavaScript에서 유사한 솔루션을 찾을 수 있습니다.

키-값 쌍 추출

이를 달성하려면 location.search 속성을 활용하면 됩니다. 물음표(?) 뒤에 오는 URL입니다. 이 속성에는 키-값 쌍이 있습니다.

사용자 정의 함수

이 목적을 위해 특별히 설계된 사전 구축된 JavaScript 라이브러리가 없는 경우 사용자 정의 함수를 생성할 수 있습니다. :

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;
}

이 기능을 사용하면 쿼리 문자열 매개변수에 쉽게 액세스할 수 있습니다. 호출:

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

명명 규칙

ASP.NET 외부에서 "쿼리 문자열"이라는 용어는 키-값 쌍의 전체 문자열에 더 일반적으로 사용됩니다. 물음표 다음에. 개별 키-값 쌍은 매개변수, 인수 또는 쿼리 문자열 매개변수라고 합니다.

브라우저 구현

안타깝게도 location.search 속성은 기본적으로 다음을 제공하지 않습니다. 키-값 컬렉션 또는 쿼리 문자열의 구조화된 개체 표현입니다. 이것이 개발자가 종종 맞춤형 기능이나 외부 라이브러리에 의존하는 이유입니다.

위 내용은 JavaScript 쿼리 문자열에서 키-값 쌍을 쉽게 추출하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!