資料結構
網路
RDBMS
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化學
生物
數學
英語
經濟學
心理學
社會學
時裝設計
法學如何使用 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+ 瀏覽
廣告