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

更新于:24-6 月-2020

7000+ 次浏览

开启您的职业生涯

完成课程后获得认证

开始
广告
© . All rights reserved.