Javascript 로 파라메터 가져오기(URI.js)

06 Aug 2019 in Javascript

javascript 로 url 에 있는 정보 가져오는거랑, 기타 유용한 함수가 있는 라이브러리가(URI.js) 있어서 가져다 써 보았다.

브라우저에서 땡겨다 쓰기

<script src="https://cdnjs.cloudflare.com/ajax/libs/URI.js/1.19.1/URI.min.js"></script>

npm

npm install urijs

사용법

URL : http://127.0.0.1:5500/test.html?param1=%ED%85%8C%EC%8A%A4%ED%8A%B8&param2=1&param2=2 라고 했을때

var uri = URI(window.location.href);

console.log(uri.path()); // /test.html
console.log(uri.filename()); // test.html
console.log(uri.suffix()); // html
console.log(uri.search()); // ?param1=%ED%85%8C%EC%8A%A4%ED%8A%B8&param2=1&param2=2
console.log(uri.query()); // param1=%ED%85%8C%EC%8A%A4%ED%8A%B8&param2=1&param2=2
console.log(URI.parseQuery(uri.query())); // {param1=테스트, param2=[1,2]}
console.log(URI.parseQuery(uri.query()).param1); // 테스트
console.log(URI.parseQuery(uri.query()).param2); // [1,2]

자세한 기타등등의 사용법은 API Documentation 참고