프로젝트(이상형월드컵)
2. URL 파라미터 값 가져오기
MY_STUDY
2024. 6. 21. 13:08
댓글 페이징 완료 후, 페이징 버튼을 눌렀으나 새로고침 되어서 맨 위 화면이 떴다.
그래서 주소창에 페이징 파라미터가 있을 경우 해당 태그로 스크롤 된 상태가 되게 할 예정이다.
우선 현재 페이지의 주소를 가져오고 싶다면
window.location.href
쿼리스트링(파라미터만 가져오고 싶은 경우)
window.location.search
const url = new URL(window.location.href); // url 객체
const urlParams = url.searchParams; // 해당 주소에서 파라미터들 가져오기
console.log(urlParams.get("index")); // ?index=1 일 경우 1
console.log(urlParams.get("page")); // ?page=2 일 경우 2
<자바스크립트>
우선 현재 페이지 주소를 추출해 url 객체를 만들고 해당 주소에서 파라미터들을 가져온다.
get() 함수로 특정 파라미터의 값을 가져올 수 있다. 만일 해당 파라미터가 없다면 null값을 반환한다.