如何使用 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