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


最簡單的辦法是使用 WebStorage 來重新載入當前頁面而不丟失表單資料,WebStorage 中包括永續性儲存 (localStorage) 或基於會話的儲存 (sessionStorage),它們會在 Web 瀏覽器關閉之前一直駐留在記憶體中。

當頁面即將重新載入時,嘗試這樣做,

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

更新於:2020 年 6 月 24 日

7K+ 瀏覽

開啟你的 職業生涯

完成課程並獲得認證

開始行動
廣告