JavaScript에서 GET 매개변수를 어떻게 추출할 수 있나요?

JavaScript를 사용하여 GET 매개변수 추출

웹 애플리케이션으로 작업할 때 GET 매개변수를 통해 전달된 데이터에 액세스하는 것이 중요합니다. 이는 URL 쿼리 문자열과 같은 상황에서 특히 중요합니다. 이 기사에서는 간단한 솔루션과 고급 솔루션을 모두 제공하는 JavaScript에서 GET 매개변수를 검색하는 다양한 기술을 살펴봅니다.

window.location 객체 사용

한 가지 간단한 접근 방식은 window.location 객체. 이 개체에는 물음표 뒤의 URL 부분을 저장하는 검색 속성이 포함되어 있습니다. GET 매개변수를 추출하려면 물음표와 선행 공백을 제거하기만 하면 됩니다.

window.location.search.substr(1)

"http://example.com/page.html?returnurl=/에 제공된 예에서 이 방법을 사용합니다. admin"인 경우 결과는 "returnurl=/admin"이 됩니다.

매개변수에 대한 사용자 정의 함수 검색

대체 접근 방식은 매개변수 검색을 위한 사용자 정의 JavaScript 함수를 만드는 것입니다. 이 함수는 매개변수 추출 프로세스를 단순화할 수 있습니다.

function findGetParameter(parameterName) {
    var result = null,
        tmp = [];
    location.search
        .substr(1)
        .split("&")
        .forEach(function (item) {
          tmp = item.split("=");
          if (tmp[0] === parameterName) result = decodeURIComponent(tmp[1]);
        });
    return result;
}

이 예에서 findGetParameter() 함수는 매개변수 이름을 받아들이고 쿼리 문자열을 반복하여 일치 항목을 검색합니다. 일치하는 항목이 발견되면 해당 매개변수 값이 반환됩니다.

일반 JavaScript for 루프

Internet Explorer 8을 포함하여 훨씬 더 광범위한 호환성을 위해 일반 JavaScript for 루프 사용할 수 있습니다:

function findGetParameter(parameterName) {
    var result = null,
        tmp = [];
    var items = location.search.substr(1).split("&");
    for (var index = 0; index < items.length; index++) {
        tmp = items[index].split("=");
        if (tmp[0] === parameterName) result = decodeURIComponent(tmp[1]);
    }
    return result;
}

이 솔루션은 동일한 매개변수 검색을 유지하면서 이전 브라우저와의 호환성을 보장합니다. 기능을 제공합니다.

위 내용은 JavaScript에서 GET 매개변수를 어떻게 추출할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!