[VUEJS] 자바스크립트를 통해 파라미터 정보 얻기

특정 URL 에 대해, 자바스크립트를 이용 > 파라미터 정보 얻는 방법 알려드립니다.

URL - http://localhost?aa=111&bb=222&cc=333

1. 특정 파라미터만 얻기

const getParameterByNamer = (name) => {

    name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");

    var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),

        results = regex.exec(location.search);

    return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));

}

console.log(getParameterByNamer(aa))

console.log(getParameterByNamer(bb))

console.log(getParameterByNamer(cc))

결과 - 

111

222

333

2. 전체 파라미터 얻기

const getQuerystring = () => {

var _tempUrl = window.location.search.substring(1); //url에서 처음부터 '?'까지 삭제

var _tempArray = _tempUrl.split('&'); // '&'을 기준으로 분리하기

for(var i = 0; _tempArray.length; i++) {

var _keyValuePair = _tempArray[i].split('='); // '=' 을 기준으로 분리하기

console.log(_keyValuePair[0] + ',' + _keyValuePair[1]) // _keyValuePair[0] : 파라미터 명 // _keyValuePair[1] : 파라미터 값

} 

} 

결과 - 

aa,111

bb,222

cc,333

3. 특정 파라미터 제외하고 문자열로 얻기

const getQuerystring = () => {

  var rParams = '';

  var _tempUrl = window.location.search.substring(1);

  var _tempArray = _tempUrl.split('&');

  for(var i = 0; i < _tempArray.length; i++) {

    var _keyValuePair = _tempArray[i].split('=');

    if(!(_keyValuePair[0] == 'aa' || _keyValuePair[0] == 'cc')){

      rParams += _keyValuePair[0];

      rParams += ':';

      rParams += _keyValuePair[1];

      rParams += ',';

    }

  }

  console.log('rParams = ' + rParams)

} 

console.log(_keyValuePair[0] + ',' + _keyValuePair[1])

결과 - 

bb:222,