기본적으로 자바스크립트의 내장 함수인 location.search 를 이용하여 URL에 물음표 뒤에 있는 파라미터들을 가져올수 있다.
//프론트 딴
location.href = location.protocol + "//" + location.host + "/test"+"?seq="+seqId;
URLSearchParams() 사용 방법
const queryString = window.location.search;
const urlParams = new URLSearchParams(queryString);
const seq = urlParams.get('seq');
정규식을 통해 파라미터의 이름을 가져오는 방법
function getParameterByName(name) {
name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
results = regex.exec(location.search);
return results == null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
}
getParameterByName() 를 사용하는방법
//getParameterByName() 이 있었네..
var patId = getParameterByName('category');
모든 파라미터를 객체 형식으로 가져오는 방법
function get_query(){
var url = document.location.href;
var qs = url.substring(url.indexOf('?') + 1).split('&');
for(var i = 0, result = {}; i < qs.length; i++){
qs[i] = qs[i].split('=');
result[qs[i][0]] = decodeURIComponent(qs[i][1]);
}
return result;
}
호출방법
var result = get_query();
만약, 만약 파라미터가 ?name=mineIt&age=goodDay&you=andMe&test 라고 가정
{ name: "minelt", age: "goodDay", you: "andMe", test : undefined }