html상에서 get방식 파라미터 간단하게 처리 방법

html상에서 get방식 파라미터 간단하게 처리 방법

html상에서 파라미터를 받아 처리해야하는 상황이 있다.

자주있는 상황은 아니지만, 처리가 꼭 필요한 케이스가 있다.

 

http://www.abcde.com/AAA.html?userId=user01&role=manager

위 같이 url path에 get방식으로 파라미터를 넘겼을때도 처리할수 있는 방법이 있을까?

컨테이너 위에서 동작하는 jsp 형태라면 아래와 같은 방식으로 처리가 가능하다 

 

String userIId = request.getParameter("userId"); 

String rold = request.getParameter("role");

 

 

 

html에서도 가능할까??

html은 GET방식이라면 다소 제한적이지만

javascript level에서 뽑아서 사용이 가능하다. 

 

window.location 객체에서 뽑아 사용이 가능하며, 

대략 아래와 같은 방식으로 function을 만들어 사용할수도 있겠다.

function getParams(){
    var url = window.location.search.replace('?','');
    var params = {};
    var urlArray = url.split('&');

    for(var i in urlArray)
    {
      var param = urlArray[i].split('=');
      params[param[0]] = param[1]; 
    }
    return params;
}

const params = getParams();
// params['userId'] = 'user01';
// parmas['role'] = 'manager';
// params : {userId: 'user01', role: 'manager'}