블로그

[자바스크립트] url 에서 쿼리 파라미터를 가져오거나 수정할떄 사용되는 URLSearchParams

javascript 에서 url 의 쿼리 파라미터들을 읽거나 수정할떄 사용하는 URLSearchParams 사용법입니다.

URL 이

http://127.0.0.1/search/?sch_keyword=홍길동&type=1

일 경우

sch = location.search
console.log(sch)

sch 의 출력값은

?sch_keyword=홍길동&type=1

URLSearchParams 객체로 변환

var params = new URLSearchParams(sch);

sch_keyword 값을 조회

var sch_keyword = params.get('sch_keyword');
console.log(sch_keyword);

sch_keyword 값은

홍길동

sch_keyword 값을 변경

params.set('sch_keyword', '임꺽정');

다시 string 을 변환

url = params.toString();
console.log(url);

출력값은

?sch_keyword=임꺽정&type=1