如何使用 HTML 重新載入當前頁面而不會丟失任何表單資料?


重新載入當前頁面而不丟失表單資料的最簡單方法是使用 WebStorage,其中包括持久的儲存(localStorage)或基於會話的儲存(sessionStorage),它保留在記憶體中,直到你的網路瀏覽器關閉為止。

嘗試在頁面即將重新載入時執行以下操作:

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);
   // ...
}

更新於:24-6 月-2020

7000+ 次瀏覽

開啟您的職業生涯

完成課程後獲得認證

開始
廣告
© . All rights reserved.