如何使用 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); // ... }
廣告