url get 파라미터 가져오기

Javascript 에서 URL get 방식을 통해 파라미터의 데이터를 받아 처리해야 하는 경우 사용하시면 됩니다.

- Javascript -

var getParameters = function (paramName) {
    // 리턴값을 위한 변수 선언
    var returnValue;

    // 현재 URL 가져오기
    var url = location.href;

    // get 파라미터 값을 가져올 수 있는 ? 를 기점으로 slice 한 후 split 으로 나눔
    var parameters = (url.slice(url.indexOf('?') + 1, url.length)).split('&');

    // 나누어진 값의 비교를 통해 paramName 으로 요청된 데이터의 값만 return
    for (var i = 0; i < parameters.length; i++) {
        var varName = parameters[i].split('=')[0];
        if (varName.toUpperCase() == paramName.toUpperCase()) {
            returnValue = parameters[i].split('=')[1];
            return decodeURIComponent(returnValue);
        }
    }
};

만약, 현재의 URL이 http://localhost/user?name=jason&location=ko 인 경우 아래와 같이 출력할 수 있습니다.

- Javascript -

console.log(getParameters('name'));

 

이렇게 한다면 출력결과는 아래와 같습니다.

> jason

출처 - vucket by 후드