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로 페이지를 새로고침하게 됩니다.

 

 

참고자료


이 글에 대해 어떻게 생각하시나요?
유용한 포스트였나요? 여러분의 의견을 하단의 Vote와 댓글로 남겨주세요 🙂
유용합니다!
아쉽습니다.

여러분의 의견을 댓글로 남겨주세요.

avatar
error: s