[javascript/jquery] javascript parse query string example / 자바스크립트 쿼리 스트링 추출 방법

[javascript/jquery] javascript parse query string example / 자바스크립트 쿼리 스트링 추출 방법

 

 

javascript 에서

 

현재 페이지로 넘어온 쿼리스트링

 

즉, 파라미터 값을 추출해야 하는 경우가 있습니다!

 

그럴때는 아래와 같이 URLSearchParams 를 이용하시면 됩니다!

 

 

우선 아래와 같이 url 에 파라미터가 keyword 라는 변수에 test 라는 값이 있다고 가정하고, 

http://aaa.com/search?keyword=test

 

window.location 객체를 이용하여 search 값을 

 

담아서 출력해보면! 

 

?keyword=test 이렇게 출력됩니다!

var search_str = window.location.search;
console.log(search_str);
// ?keyword=test

 

이걸 URLSearchParams 객체로 변환하여 parameters 변수에 담습니다!

var parameters = new URLSearchParams(search_str);

 

그리고 parameters 객체에 담긴 값중

 

전달받았던 변수인 keyword 의 값을 아래와 같이 출력하면

 

test 라는 값이 나옵니다!

var keyword = parameters.get('keyword');
console.log(keyword);
// test

 

참고들 하세요!