>웹 프론트엔드 >JS 튜토리얼 >JavaScript에서 GET 매개변수를 검색하는 방법은 무엇입니까?

JavaScript에서 GET 매개변수를 검색하는 방법은 무엇입니까?

Mary-Kate Olsen
Mary-Kate Olsen원래의
2024-12-14 04:08:11187검색

How to Retrieve GET Parameters in JavaScript?

JavaScript에서 GET 매개변수 검색

이 질문은 JavaScript 내에서 GET 매개변수 검색에 대해 다룹니다. 다음 URL을 고려하십시오.

http://example.com/page.html?returnurl=/admin

page.html 내의 JavaScript 코드가 GET 매개변수에 어떻게 액세스할 수 있습니까? 주어진 예에서 func('returnurl') 함수는 "/admin"을 반환해야 합니다.

window.location을 사용한 솔루션

window.location 개체는 다음을 제공합니다. 물음표 없이 GET 매개변수를 검색하는 방법입니다. 다음 코드가 트릭을 수행합니다.

window.location.search.substr(1)

향상된 솔루션

제공된 솔루션은 매개변수 이름을 가져와 해당 매개변수를 반환하는 findGetParameter() 함수를 제공합니다. 해당 값:

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

For를 사용한 대체 솔루션 루프

이전 브라우저(예: IE8)와의 호환성을 위해 일반 for 루프를 사용하는 대체 솔루션도 제공됩니다.

function findGetParameter(parameterName) {
    var result = null,
        tmp = [];
    var items = location.search.substr(1).split("&amp;");
    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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.