javascript url_params 가져오기

Javascript를 사용하다보면, 변수로 가져와야하지만 즉각적으로 가져오지 못할 경우가 있다.

 

예를들어 windows.onload를 사용하여서 로딩시 바로 사용을 한다고 가정하자.

그렇게 되면 변수를  따로  저장하여서 가져오기에 어려움이  있을 수  있다.

이럴 때  urlparams를 사용하게되면 변수를 간편하게 불러올 수 있다!

const urlParams = new URLSearchParams(window.location.search);
let url_category = urlParams.get('params');

※ urlparmas란?

http:127.1.2.3/asd/dfg?urlparmas="1"

 

여기서 ? 뒤에  따라오는 부분을 urlparmas라고 한다.

new URLSearchParams(window.location.search);

를 사용하면  urlparams에  해당되는  부분을 저장해준다.

?urlparmas="1"  이부분이 담기게  된다!!

 

let url_category = urlParams.get('parmas');

그  후 이렇게 담아놓은  변수에서 내가 지정한 parmas의  이름으로 get을 해준다.

 

매우 당연하게도!! 링크에 새로운 params를 담아서 저장을 해주고싶다면

a href같은 링크를 걸어줄 때

href = "기존의 링크" + ?"변수이름"= "변수의값"

이렇게 걸어주면 된다!! params는 직접적인 url에 간섭을 X