Computer >> 컴퓨터 >  >> 프로그램 작성 >> JavaScript

HTML로 양식 데이터를 잃지 않고 현재 페이지를 다시 로드하는 방법은 무엇입니까?


양식 데이터를 잃지 않고 현재 페이지를 다시 로드하는 가장 쉬운 방법은 웹 브라우저가 나올 때까지 메모리에 남아 있는 영구 저장소(localStorage) 또는 세션 기반(sessionStorage)이 있는 WebStorage를 사용하는 것입니다. 폐쇄되었습니다.

페이지를 새로고침하려고 할 때 이것을 시도하십시오.

window.onbeforeunload = function() {
   localStorage.setItem(name, $('#inputName').val());
   localStorage.setItem(phone, $('#inputPhone').val());
   localStorage.setItem(subject, $('#inputAddress').val());
}

이제 다음과 같이 확인하십시오 -

window.onload = function() {
   var name = localStorage.getItem(name);
   var phone = localStorage.getItem(phone);
   if (name !== null) $('#inputName').val(name); if (phone !== null) $('#inputPhone').val(phone);
   // ...
}