JavaScript

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

JavaScript 페이지 새로고침


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

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

locaction.reload();

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

<!DOCTYPE html>
<html>
<head>
    <title>TEST</title>
    <meta charset='utf-8'>
</head>
<body>
    <button >

 

다만 이렇게 하면 페이지를 새로 고쳤을 때의 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로 페이지를 새로고침하게 됩니다.

 

 

참고자료


JooTC

안녕하세요. 테크놀로지에 관심이 많은 블로거입니다.

Recent Posts

[안드로이드] INSTALL_FAILED_INSUFFICIENT_STORAGE 해결

INSTALL_FAILED_INSUFFICIENT_STORAGE 문제 안드로이드 스튜디오에서 에뮬레이터를 실행하고 개발중인 애플리케이션을 실행하려 하면 로그 창에 아래와 같이 표시되면서…

5개월 ago

Zalgo 텍스트와 이를 방지하는 방법

인터넷 커뮤니티 사이트에서 게시글이나 댓글에 간혹 장난을 목적으로 작성된 특이한 글자를 볼 수 있습니다. 위…

7개월 ago

리눅스 kill, killall 명령어 – 특정 프로세스 종료하기

리눅스 명령어 - kill, killall 리눅스 kill 명령어는 특정 프로세스를 종료해주는 명령어입니다. 백그라운드에서 실행되고 있는…

7개월 ago

JavaScript typeof null이 ‘object’인 이유

JavaScript는 역사가 긴 스크립트 프로그래밍 언어입니다. 세월이 흐르면서 많은 자바스크립트 표준이 만들어졌고, 현재는 많은 문법적…

7개월 ago

Mocha Error: Resolution method is overspecified. 해결 방법

NodeJS 테스트 프레임워크인 Mocha는 비동기 테스트를 지원합니다. 간혹 특정 테스트 스크립트를 작성하고 실행하면 아래와 같이…

7개월 ago

윈도우 11 설치 시 Microsoft 계정 로그인 없이 로컬 계정 만들기

언제부턴가 윈도우 11을 처음 설치할 때 마이크로소프트(Microsoft) 계정 로그인을 강제로 요구하게 되었습니다. 물론 마이크로소프트 계정이…

1년 ago