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

 

검색 처리를 하려고 하는데 제대로 검색조건에 맞게 검색이 되고 있는지 확인하는 차에 get parameter값이 남아 있어

초기화면으로 돌아가려면 계속 타이핑을 해서 접속해줘야 하는게 번거로운 찰나에 찾아 본 글

 

문법

 

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);

 

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

---

 

출처: https://java119.tistory.com/35

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