如何使用 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);
// ...
}
廣告
資料結構
網路
RDBMS
作業系統
Java
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
JavaScript
PHP