[JS] URL 에서 파라미터 추출 하는 방법(IE 포함 / +URLSearchParams )

[JS] URL 에서 파라미터 추출 하는 방법(IE 포함 / +URLSearchParams )

자바스크립트에서 url의 파라미터를 읽기/수정 등을 사용할 때 쓰는법 입니다.

www.test.com?type=Name 이란 값에서 Name을 사용하기위한 예제들을 공유합니다.

URLSearchParams 사용법

var search = location.search
 
var params = new URLSearchParams(search);
 
var getType= params.get('type');
 
console.log(getType);
//Name
 
//+스크립트 내부에서 바꾸는법
//params.set('getType', 'ID');
//url = params.toString();
//console.log(url)
//?type=ID

URLSearchParam 이란 함수를 통하여 사용이 손쉽게 뽑아낼수 있으나 

해당 함수는 IE 는 지원을 하지않습니다.(그외에 모든 브라우저 지원함)

URL split을 이용하여 해당 paramter 가지고오는법

    var getType = getParam("type");
 
        // ie 호환성을위해 변경
        function getParam(name)
        {
            var curr_url = location.search.substr(location.search.indexOf("?") + 1);
            var svalue = "";
            curr_url = curr_url.split("&");
            for (var i = 0; i < curr_url.length; i++)
            {
                temp = curr_url[i].split("=");
                if ([temp[0]] == name) { svalue = temp[1]; }
            }
            return svalue;
        }

//console.log(getType);
//Name

함수와같이 깔끔하진않지만 모든 브라우저에서 사용가능합니다.