[JavaScript] 새로고침시 GET 파라미터 제거하기

오늘은 새로고침시 GET 파라미터 제거하는 법에 대해 알아보겠습니다.

 

GET Parameter(파라미터)란?

[Spring] GET과 POST의 차이점과 문법 정리

글을 쓰는 이 순간에도 GET Parameter가 존재한다.

지금 URL을 보면

https://java119.tistory.com/manage/newpost/?type=post&Fsts

이렇게 되어있는데

 

이 부분이 GET Parameter가 된다.

manage/newpost/?type=post&Fsts

 

문법

---

F5 키보드 키를 눌러서 새로고침시 GET 파라미터 제거 후 새로고침 하기

window.onkeydown = function() {
var kcode = event.keyCode;
if(kcode == 116) {
history.replaceState({}, null, location.pathname);
}
}

코드 설명

1.window.onkeydown 사용자(클라이언트)가 특정 키보드 키를 눌렀을 때

2.var kcode = event.keyCode; 무슨 키를 눌렀는지는 모르겠지만 아스키 코드값 kcode에 삽입

3.if(kcode == 116) { history.replaceState({}, null, location.pathname); // Get 파라미터 지우기 }

 

여기서 event.keyCode 116번은 뭘까? 왜 116번이 F5키 라는걸까? 바로 키보드 아스키 코드이다.

전체 키보드 아스키 코드표는 밑에 참고

 

 

그 외

---

일반적인 새로고침 (캐시가 있으면 캐시로 새로고침 HTTP 302).

window.location.reload(); 

 

강제 새로고침 (캐시 제거 후 새 파일 로드 HTTP 200)

window.location.reload(true);

 

GET 파라미터 제거 후 새로고침 

history.replaceState({}, null, location.pathname);

 

iframe 부모창 새로고침

[JSP] iframe 부모창 새로고침 및 링크타기

참고 : 키보드 아스키 코드표

---