JooTC
javascript-card-yellow

[JavaScript/JQuery] 페이지 새로고침 방법 (GET 파라미터 포함)

JavaScript 페이지 새로고침


자바스크립트페이지새로고침 할 수 있습니다.

간단히 다음과 같은 코드를 사용하면 됩니다.

locaction.reload();

간단한 사용 예시는 다음과 같습니다.

<!DOCTYPE html>
<html>
<head>
    <title>TEST</title>
    <meta charset='utf-8'>
</head>
<body>
    <button onclick="doExec();">이 버튼을 클릭하여 새로고침</button>
</body>
<script type='text/javascript'>
    // 새로고침 버튼 클릭 시 동작
    function doExec() {
        locaction.reload();
    }
</script>

 

다만 이렇게 하면 페이지를 새로 고쳤을 때의 URL에 쿼리스트링 데이터(GET Parameter)를 유지하게 됩니다. 전체 URL의 https://example.com/index.html?name=lee&value=test 중에서 name=lee&value=test 와 같은 값이 그대로 재전송되기 때문에 페이지 동작에 따라 문제가 발생할 수도 있습니다.

필요에 따라서 GET 파라미터 값을 제거한 채로 페이지 새로고침을 실행하고 싶은 경우 다음과 같은 코드를 사용해 볼 수 있습니다.

window.location = window.location.href.split("?")[0];

또는 다음 코드를 사용해도 됩니다. 위와 동작이 같습니다. (pathname은 직접 값을 넣는 변수가 아닙니다.)

window.location = window.location.pathname;

이렇게하면 GET 파라미터 값을 제거한 현재 URL로 페이지를 새로고침하게 됩니다.

 

 

참고자료


이 포스트가 도움이 되었나요?

댓글 남기기

avatar
error: 경고: 무단 콘텐츠 복사 및 사용을 금지하고 있습니다. 이해해주셔서 감사합니다.